ActiveAnimated components3
@atroui
Animated components · MIT · data updated 2026-10-27
Dark-first React / Next.js components and marketing blocks. Install with the shadcn CLI and own the source.
animationauthblocksbuttonscardsdashboardformsiconsloadersmarketingmedianavigationoverlaystheming
Install
npx shadcn@latest add https://www.atroui.com/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues1
ArchivedNo
Stars3
Components (126)
utilsmotionbrandproject-briefbuttontheme-toggleadaptive-themetheme-adaptcardtextareacheckboxcheckbox-groupradioaccordioncollapsiblecomboboxautocompletedrawerform-selectdialogalert-dialogmenucontext-menunavigation-menumenubarpopovertooltippreview-cardscroll-areaseparatorfieldinputnumber-fieldotp-fieldformfieldsetswitchtoastprogressslidermeteravatartabstoggletoggle-grouptoolbarbreadcrumbsprosefade-instaggerscroll-progresslogohome-herohome-whosite-headerfooter-boldhome-principlehome-workhome-labhome-crafts
Components: utils, motion, brand, project-brief, button, theme-toggle, adaptive-theme, theme-adapt, card, textarea, checkbox, checkbox-group, radio, accordion, collapsible, combobox, autocomplete, drawer, form-select, dialog, alert-dialog, menu, context-menu, navigation-menu, menubar, popover, tooltip, preview-card, scroll-area, separator, field, input, number-field, otp-field, form, fieldset, switch, toast, progress, slider, meter, avatar, tabs, toggle, toggle-group, toolbar, breadcrumbs, prose, fade-in, stagger, scroll-progress, logo, home-hero, home-who, site-header, footer-bold, home-principle, home-work, home-lab, home-crafts, pricing-overview, feature-grid, logo-cloud, feature-bento, testimonials-stack, stats-band, cta-band, pricing-tiers, logo-marquee, auth-split, saas-starter, contextual-cta, exit-intent-popup, site-footer, faq, waitlist-form, newsletter-form, calendly-embed, made-with-embed, theme-provider, timeline-animation, in-view, text-morph, copy-button, label-roll, line-reveal, word-reveal-scroll, magnetic, tilt, spotlight, animate-number, transition-panel, founder-avatar, site-url, seo, analytics, social-share, ar-portfolio, live-dashboard, project-planner, analytics-provider, og-live-preview, og-examples, og-workspace, thumbnail-live-preview, thumbnail-workspace, scope-chat, launch-workflow, landing-kit, journal-content, resources-content, api-contact, api-waitlist, api-newsletter, api-generate, api-thumbnail, api-scope, ascii-rig, ascii-donut, ascii-rain, ascii-wave, ascii-spark, ascii-bar, ascii-boot, ascii-wordmark, ascii-decodePreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.