Doffy's component registry. It's shadcn/ui on Radix primitives in the sharp, monospaced Lyra style, plus a few originals. Components are copied into your project, so you own the code.

Installation

1. 01

   Set up shadcn/ui in your project, if you haven't already.

   npx shadcn@latest init

2. 02

   Add the Doffy registry to components.json.

   {
     "registries": {
       "@doffy": "https://ui.doffy.com/r/{name}.json"
     }
   }

3. 03

   Add components.

   npx shadcn@latest add @doffy/button

   Add @doffy/all for every component and the theme, or @doffy/theme for just the colours.

Components

• AsciioriginalASCII art sewn in by falling threads, with a feather that trails the pointer through it.
• Copy ButtonoriginalCopies a value to the clipboard and confirms with a tick.
• AlertA callout that draws attention to important information.
• AvatarA user image with a fallback for when it can't load.
• BadgeA small label for status, counts, and metadata.
• ButtonA button, or a link styled as one.
• CardA container with a header, content, and footer.
• CheckboxToggles a single option on or off.
• DialogA modal window layered over the page.
• Dropdown MenuA menu of actions opened from a trigger.
• InputA single-line text field.
• KbdA keyboard key or shortcut.
• LabelAn accessible label for a form control.
• SeparatorA horizontal or vertical divider.
• SkeletonA placeholder shown while content loads.
• SwitchAn on/off toggle for settings.
• TabsPanels of content, shown one at a time.
• TextareaA multi-line text field.
• TooltipA hint shown on hover or focus.