Copies into your repo
The CLI writes the source into your project. Nothing in node_modules, no version to bump.
v6.1.0A new hero, a new footer, and a login that sits still
Components, blocks & templates built on top of shadcn/ui.
multi-selectnumber-rangeyear-pickertag-inputcomboboxlazy-selectpassword-inputcurrency-inputphone-inputfile-dropzonestat-cardratingtimelinekbdcalloutscroll-progressmonth-pickertime-pickercolor-pickeravatar-stackannouncement-barspinnercopy-buttonicon-stackmarqueetree-viewanimated-numbersteppersortabledate-pickerdate-range-pickermention-inputrich-text-editorinline-editsignature-padimage-cropperimage-comparelightboxcountdown-timerqr-codecalendar-heatmapcode-blockmasonryaudio-playermedia-inputtourblur-revealtext-revealscroll-revealspotlight-cardmagnetic-buttoncursor-glowsparklestilt-cardmorphing-dialogdockfloating-action-buttonfloating-toolbarsplit-viewresizable-panelstocconfirmunsaved-guarddata-tablemetric-cardyaml-editorkanbansparklinejson-viewerdiff-viewercron-editorcountry-selectcredit-card-inputemoji-pickeravatar-upload
Why Hirael
Own the source, not a dependency.
Install with the shadcn CLI and the code lands in your repo, ready to read and change, built the way shadcn ships its primitives.
Built on shadcn
Radix primitives, shadcn conventions, your components.json. A peer, not a replacement.
Any React stack
Next, Remix, Vite, Astro: anywhere React and Tailwind already run.
Light and dark
Theme-aware through CSS variables, so every item inherits your tokens in both modes.
RTL, no config
Logical properties throughout, so dir=rtl works with nothing extra to wire up.
Responsive by default
Built to hold their shape from small phones to ultra-wide displays.
Components
Try them before you install.
75 components, each live here and on its own page. These six are the ones most products reach for first.
Multi Select
InputsChip-based multi-select with command-palette dropdown, search, select-all and async loader. Compound and single-prop APIs.
ViewDate Range Picker
PickersDual-month range picker with hover preview, presets, min/max bounds and keyboard nav. Includes an inline DateRangeCalendar, no date library.
ViewTag Input
InputsChip input with paste-to-split, dedupe, validation hook, max tags. Compound and single-prop APIs.
ViewCombobox
InputsSearchable select on Base UI: single or multiple selection, chips, grouped options, an input addon slot and a clear button.
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.
121 drop-in compositions across 29 categories: heroes, pricing, testimonials, CTAs, auth, and more.
Marketing
50 blocksSite pages
27 blocksProduct & app
44 blocksTemplates
Whole pages, not just parts.
11 complete layouts composed from the same blocks and components. One command copies the whole page 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.
Recently added
The newest of the catalog.
The last few items to land, newest first. Every release is written up in the changelog.
Hero 10Hero sectionsBordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-motion aware.Footer 6FootersTwo-part footer: a bordered CTA panel over a rotated, blurred image with a headline, sub-copy and a wide sign-up button, above a brand block with social icons, two link columns and a hairline copyright row.Header 2HeadersFloating nav that runs full width at the top of the page and shrinks into a blurred pill once you scroll past 100px, with a spring-animated width change. Links share a sliding hover highlight; on mobile a toggle opens an animated dropdown menu. Ships composable parts and a scroll-container prop for embedded layouts.Icon StackDisplayIsometric stack of plates with an icon skewed onto the front face, for feature headers and empty states. Layer count is a prop, and the plates take their color from the surrounding text.SparklesAnimationCanvas particle field that drifts and twinkles behind any container. Density scales with size, colors resolve from tokens, and it pauses offscreen and under reduced-motion. No dependencies.AuraelTemplateBilingual (EN/AR) landing page for a home-solar brand, built around a day/night control that re-themes the whole page: a full-height photographic hero that cross-fades between morning and night, then hairline-ruled bands with a sticky meta rail for how it works, cases, about, careers, resources and customers. Self-contained morning/night palettes, Inter + Manrope with Cairo for Arabic, and RTL that follows the surrounding document.
Get started
Install one. Keep all of it.
One command copies the source into your repo, yours to read, edit, and keep. No package, no lock-in.
npx shadcn@latest add https://hirael.com/r/combobox.json