ActiveAnimated componentspro available39
@hirael
Animated components · MIT · data updated 2026-10-27
The components shadcn/ui doesn't ship. A collection of high-utility React components built on top of shadcn/ui.
animationaudioauthblocksbuttonscardschartscmsdashboarde-commerceeditorformshooksiconsloadersmapsmarketingmedianavigationonboardingpro-availabletablestext-effects
Install
npx shadcn@latest add https://hirael.com/r/registry.jsonHealth
StatusActive
Last commit2 days ago
LicenseMIT
Open issues0
ArchivedNo
Stars39
Components (308)
multi-selectnumber-rangeyear-pickertag-inputduration-inputnumber-fieldsegmented-controlautocompletecheckbox-grouplazy-selectpassword-inputcurrency-inputphone-inputfile-dropzoneratingtimelinekbd-buttoncalloutscroll-progresshero-01hero-02hero-03hero-04hero-05feature-01feature-02pricing-01pricing-02pricing-03testimonial-01testimonial-02cta-01cta-02cta-03faq-01faq-02faq-03faq-04login-01login-02login-03login-04login-05signup-01forgot-password-01otp-verify-01two-factor-setup-01header-01header-02header-03footer-01not-found-01month-pickertime-pickercolor-pickeravatar-stackannouncement-barlogo-cloud-01logo-cloud-02logo-cloud-03
Components: multi-select, number-range, year-picker, tag-input, duration-input, number-field, segmented-control, autocomplete, checkbox-group, lazy-select, password-input, currency-input, phone-input, file-dropzone, rating, timeline, kbd-button, callout, scroll-progress, hero-01, hero-02, hero-03, hero-04, hero-05, feature-01, feature-02, pricing-01, pricing-02, pricing-03, testimonial-01, testimonial-02, cta-01, cta-02, cta-03, faq-01, faq-02, faq-03, faq-04, login-01, login-02, login-03, login-04, login-05, signup-01, forgot-password-01, otp-verify-01, two-factor-setup-01, header-01, header-02, header-03, footer-01, not-found-01, month-picker, time-picker, color-picker, avatar-stack, announcement-bar, logo-cloud-01, logo-cloud-02, logo-cloud-03, logo-cloud-04, contact-01, blog-01, blog-02, ecommerce-01, ecommerce-02, ecommerce-03, ecommerce-04, dashboard-01, dashboard-02, dashboard-03, dashboard-04, dashboard-05, integrations-01, integrations-02, integrations-03, integrations-04, integrations-05, integrations-06, integrations-07, integrations-08, image-gallery-01, image-gallery-02, app-shell-01, app-shell-02, app-shell-03, app-shell-04, copy-button, icon-stack, marquee, tree-view, animated-number, stepper, sortable, date-picker, date-range-picker, mention-input, rich-text-editor, inline-edit, signature-pad, image-cropper, image-compare, lightbox, countdown-timer, relative-time, qr-code, calendar-heatmap, code-block, masonry, audio-player, video-player, media-input, tour, activity-feed, audit-log, blur-reveal, text-reveal, text-shimmer, scroll-reveal, spotlight-card, magnetic-button, cursor-glow, sparkles, tilt-card, morphing-dialog, dock, floating-action-button, floating-toolbar, split-view, inspector-panel, tenant-switcher, kpi-grid, quick-actions, notifications, billing-card, subscription-plans, api-keys, usage-dashboard, creative-studio, agency-landing, mindloop, portfolio, usd-halo, rivr, velorah, asme, prism, akor, nexacore, aurael, novael, hero-06, hero-07, hero-08, testimonial-03, testimonial-04, testimonial-05, cta-04, cta-05, cta-06, footer-02, footer-03, footer-04, faq-05, faq-06, contact-02, contact-03, contact-04, toc, app-shell-05, app-shell-06, dashboard-06, confirm, unsaved-guard, data-table, process-01, process-02, feature-03, feature-04, feature-05, feature-06, comparison-01, comparison-02, comparison-03, comparison-04, newsletter-01, newsletter-02, careers-01, careers-02, hero-09, feature-07, feature-08, feature-09, feature-10, feature-11, bento-01, bento-02, bento-03, bento-04, pricing-04, pricing-05, faq-07, cta-07, hero-10, footer-06, footer-05, status-01, status-02, metric-card, yaml-editor, server-card, vm-table, k8s-pod-table, resource-status, cluster-map, network-topology, storage-browser, log-viewer, terminal, deployment-history, kanban, sparkline, gauge, meter, json-viewer, cron-editor, country-select, command-palette, address-input, credit-card-input, emoji-picker, avatar-upload, settings-01, settings-02, members-01, onboarding-01, coming-soon-01, coming-soon-02, maintenance-01, maintenance-02, error-01, team-01, team-02, team-03, stats-01, stats-02, stats-03, cookie-consent, changelog-01, changelog-02, not-found-02, page-header-01, page-header-02, page-header-03, page-header-04, empty-state-01, empty-state-02, empty-state-03, empty-state-04, search-01, search-02, search-03, search-04, survey-01, survey-02, survey-03, survey-04, chart-01, chart-02, chart-03, chart-04, chat-01, chat-02, chat-03, chat-04, env-editor, prompt-input, message-thread, ai-chat-01, use-controllable-state, use-reduced-motion, compose-refs, format-bytes, use-media-query, use-debounce, use-copy-to-clipboard, description-list, theme-toggle, language-switcher, date-time-picker, masked-input, filter-builder, reasoning, tool-call, sources, model-selector, comment-thread, virtual-list, time-slot-picker, pdf-viewer, file-card, upload-queue, bottom-nav, swipe-actions, pull-to-refresh, reveal-observer, accordion, theme-emeraldPreview
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.