Heidi UI
Twenty-five React primitives built on native platform behavior, with typed styling hooks, machine-readable anatomy, and live examples.
Components
Every entry below comes from the package anatomy and a reviewed public example.
Accordion
Organize related content into expandable sections.
Alert Dialog
Confirm a consequential action before it happens.
Checkbox
Include or exclude a single option.
Collapsible
Reveal supporting details without leaving the current view.
Context Menu
Offer actions from a pointer or keyboard context menu.
Dialog
Focus attention on a task in a modal layer.
Field
Connect a label, control, guidance, and validation message.
Hover Card
Preview supporting information on hover or focus.
Label
Give a form control a clear, accessible name.
Menu
Present a compact list of actions from a trigger.
Meter
Show a measured value within a known range.
Navigation Menu
Organize site navigation with optional disclosure panels.
Popover
Show anchored, non-modal supporting content.
Progress
Communicate the completion of an ongoing task.
Radio
Choose one option from a related set.
Select
Choose one value from a compact list.
Separator
Create a semantic visual break between related content.
Slider
Adjust a value along a continuous range.
Switch
Turn a setting on or off.
Tabs
Move between related panels without leaving the page.
Toast
Confirm an outcome with a brief, time-aware message.
Toggle
Switch a command between pressed and unpressed.
Toggle Group
Choose one or more related toggle options.
Toolbar
Group frequently used controls into one keyboard-ready row.
Tooltip
Clarify an unfamiliar control on hover or focus.
Install Heidi UI
Use the complete ESM package or copy zero-dependency source through the hosted shadcn registry. Both come from this exact repository build. Commands resolve against whichever host you are reading this on.
- Bun package
bun add /heidi-ui/heidi-ui-0.1.0.tgz - npm-compatible tarball
npm install /heidi-ui/heidi-ui-0.1.0.tgz - Copy source
npx shadcn@latest init /registry/heidi-base.json # components.json → "registries": { "@heidi-ui": "/registry/{name}.json" } npx shadcn@latest add @heidi-ui/popover
The package is hosted here; it is not published to npm and no GitHub distribution is claimed.
- Version
- 0.1.0
- Primitives
- 25
- Package
- 273 KB
- SHA-256
3dd96fca94ee10eab0e6d0bf4b2ed24fb5ae6a678b4b1000c5bd9ee34c149fd7