Animated componentspro available
@hirael
Animated components · data updated 2026-07-28
The components shadcn/ui doesn't ship. A collection of high-utility React components built on top of shadcn/ui.
animationaudioauthblocksbuttonscardschartscmsdashboarde-commerceeditorformshooksiconsloadersmapsmarketingmedianavigationonboardingoverlayspaymentspro-availabletables
Install
npx shadcn@latest add https://hirael.com/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (159)
multi-selectnumber-rangeyear-pickertag-inputcomboboxlazy-selectpassword-inputcurrency-inputphone-inputfile-dropzonestat-cardratingtimelinekbdcalloutscroll-progresshero-01hero-02hero-03hero-04hero-05feature-01feature-02pricing-01pricing-02pricing-03testimonial-01testimonial-02cta-01cta-02cta-03faq-01faq-02faq-03faq-04login-01login-02signup-01forgot-password-01otp-verify-01header-01footer-01not-found-01month-pickertime-pickercolor-pickeravatar-stackannouncement-barlogo-cloud-01contact-01blog-01ecommerce-01ecommerce-02dashboard-01dashboard-02dashboard-03dashboard-04dashboard-05integrations-01image-gallery-01
Components: multi-select, number-range, year-picker, tag-input, combobox, lazy-select, password-input, currency-input, phone-input, file-dropzone, stat-card, rating, timeline, kbd, 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, signup-01, forgot-password-01, otp-verify-01, header-01, footer-01, not-found-01, month-picker, time-picker, color-picker, avatar-stack, announcement-bar, logo-cloud-01, contact-01, blog-01, ecommerce-01, ecommerce-02, dashboard-01, dashboard-02, dashboard-03, dashboard-04, dashboard-05, integrations-01, image-gallery-01, app-shell-01, app-shell-02, app-shell-03, app-shell-04, spinner, copy-button, 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, qr-code, calendar-heatmap, code-block, masonry, audio-player, media-input, tour, activity-feed, audit-log, blur-reveal, text-reveal, scroll-reveal, spotlight-card, magnetic-button, cursor-glow, tilt-card, morphing-dialog, dock, floating-action-button, floating-toolbar, split-view, resizable-panels, 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, nexacore, hero-06, hero-07, hero-08, testimonial-03, cta-04, cta-05, cta-06, footer-02, footer-03, faq-05, contact-02, login-03, toc, app-shell-05, dashboard-06, confirm, unsaved-guard, data-table, process-01, feature-03, comparison-01, newsletter-01, careers-01, metric-card, yaml-editor, server-card, vm-table, k8s-pod-table, resource-status, cluster-map, network-topology, storage-browser, log-viewer, terminal, deployment-history, accordion, calendar-utils, 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.