Gallery

Kbd

shadcn Kbd, stock (radix-vega, shadcn CLI 4.23.0), styled by the tokens.

Preview

Search with ⌘K, fold the sidebar with ⌘B.

Focus rings

Search with ⌘K, fold the sidebar with ⌘B.

In each theme: Default · Trackable · SkillDecks · BetterMarketer

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/kbd.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/ui/kbd.tsx