Getting started
Registry
CONTENT / DEFAULT_BRAND in the installed files. Pure UI needs only the CLI; forms and AI routes that post to /api/* also need npm i atroui. See Installation and Host APIs.Init shadcn
npx shadcn@latest initYou need a components.json in the app. Tailwind CSS v4 and a dark-friendly token sheet (AtroUI globals.css or your own) work best.
Add a component
@atroui is in the official shadcn registry directory. No manual registry add step. The CLI resolves the namespace for you.
npx shadcn@latest add @atroui/home-hero
npx shadcn@latest add @atroui/site-headerSource lands under your aliases (for example components/blocks/home-hero.tsx). Edit CONTENT / NAV at the top of the file. Dependencies resolve as @atroui/brand, @atroui/utils, and so on — not bare names on the default shadcn registry.
What you can add
Names resolve as @atroui/<name>. Prefer the components gallery for live previews; the map below is the shape of the registry.
- Libs
utilsmotionbrandsite-urlseoanalytics- UI
buttoncardtextareainputfieldcheckboxradioswitchaccordiontabsdialogalert-dialogmenupopovertooltiptoastprogressslidermeteravatarform-selectbreadcrumbsproseautocompletecheckbox-groupcollapsiblecomboboxcontext-menudrawerfieldsetformmenubarnavigation-menunumber-fieldotp-fieldpreview-cardscroll-areaseparatortoggletoggle-grouptoolbar- Motion
fade-instaggerline-revealword-reveal-scrolltext-morphcopy-buttonlabel-rollmagnetictiltspotlightmarqueeborder-beammagic-cardanimated-beambento-gridmeteorsdockorbiting-circlesnumber-tickeraurora-textanimate-numbertransition-panelscroll-progresstimeline-animation- Theme
theme-toggletheme-adapttheme-provider- Chrome
site-headersite-footerfooter-boldlogofounder-avatar- Home
landing-kithome-herohome-whohome-principlehome-workhome-labhero-parallaxhero-lamplogo-marqueesaas-starter- Convert
pricing-overviewpricing-tiersfaqfaq-accordioncontextual-ctacta-bandexit-intent-popupfeature-bentotestimonials-stackstats-bandintegration-beamshowcase-carouselauth-split- Capture
waitlist-formnewsletter-formcalendly-embedmade-with-embed- Content
social-sharejournal-contentresources-content- Studio
ar-portfoliolive-dashboardproject-planner- SEO
analytics-provider- Tools
og-live-previewog-examplesog-workspacethumbnail-live-previewthumbnail-workspacescope-chat- Host APIs
api-contactapi-waitlistapi-newsletterapi-generateapi-thumbnailapi-scope
Machine-readable index: /r/registry.json.
Next steps
Step-by-step setup lives on Installation. How AtroUI sits next to other kits: Compare.