v7.5.0Auth blocks, previews at real sizeComponents, blocks and templates for
Components, blocks and templates for 
shadcn/ui.
Why Hirael
Own the source, not a dependency.
Every item follows shadcn conventions: compound parts, data-slot attributes, your components.json and theme tokens. The CLI writes the files into your repo, so you edit them like code you wrote.
Copies into your repo
The shadcn CLI writes the files into your project. Nothing in node_modules, no version to bump, and every line is yours to change.
Built on shadcn
Radix or Base UI primitives, shadcn conventions and your components.json. It sits beside the shadcn components you already have and looks like them.
Any framework
Next.js, Remix, Vite or Astro: anywhere shadcn/ui and Tailwind CSS already run, with no runtime package to add.
Light and dark
Every item reads your CSS variables, so it takes on your palette in both themes with nothing to restyle.
RTL, no config
Logical properties throughout, mirrored icons and arrow keys, so setting dir=rtl is the whole job.
Responsive by default
Each item is checked from phone width to ultra-wide, so it looks right at whatever size you ship.
Components
Try them before you install.
101 components, each running live here and on its own page, so you can test keyboard, RTL and both themes before you install. These six are the ones most products reach for first.
Multi Select
InputsChip-based multi-select with command-palette dropdown, search, select-all and a loading state. Compound and single-prop APIs.
ViewDate Range Picker
PickersRange picker on shadcn Calendar: preset column, one or two months, and react-day-picker matchers for bounds and disabled days.
ViewAutocomplete
InputsA free-text input with suggestions from a local list or an async search, with optional inline completion, groups and recent entries. The value is whatever you type.
ViewCurrency Input
InputsLocale-aware grouping with currency-symbol prefix and configurable decimal precision.
ViewRating
InputsStar rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes.
ViewSection blocks
Blocks for whole sections of a page.
184 sections in 36 categories: heroes, pricing, testimonials, FAQs, auth and dashboards. Each is built from the same components, so a block you install matches the ones you already have.
Marketing
71 blocksSite pages
35 blocksProduct & app
78 blocksTemplates
Whole pages, not just parts.
13 complete pages assembled from the blocks and components above, with light, dark and RTL already handled. One command copies the whole page, sections and all, into your repo.
Agency LandingBright, shader-lit agency landing page: a full-viewport hero with an animated WebGL backdrop and pill navigation, an editorial about section, a featured-work grid of autoplaying video cards, and a dark closing footer with a call to action. Built on the shaders package, with a self-contained light palette.
MindloopDark, monochrome newsletter landing page: a full-screen video hero with an inline subscribe form, an answer-engine section, scroll-revealed mission copy, a four-up feature grid and a streaming-video call to action. Framer Motion throughout, with a self-contained pure-black palette and liquid-glass accents.
Get started
Install one. Keep all of it.
One command copies the source into your repo, where you can read it, change it and keep it. No package to update, nothing to lock you in.
npx shadcn@latest add https://hirael.com/r/combobox.json