Animated componentspro available
@designali
Animated components · data updated 2026-09-21
Where thoughtful design meets production-ready code. I design and build digital experiences that look great, feel intuitive, and work beautifully.
animationblocksbuttonscardsformsiconsmarketingmedianavigationoverlayspro-availabletext-effects
Install
npx shadcn@latest add https://designali.com/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (244)
gaugebentocounter-numberdot-patterngrid-patternmarqueetypewriterheader-01header-02header-03header-04header-05header-06hero-1hero-2hero-3hero-4hero-5footer-01footer-02footer-03footer-04footer-05footer-06logos-01logos-02logos-03logos-04logos-05call-to-action-01feature-01faqs-01pricing-01testimonial-01gallery-01accordion-01accordion-02accordion-03accordion-04accordion-05accordion-06alert-01alert-02alert-03alert-04alert-05alert-06alert-07alert-dialog-01alert-dialog-02aspect-ratio-01aspect-ratio-02aspect-ratio-03aspect-ratio-04avatar-01avatar-02avatar-03avatar-04avatar-05avatar-06
Components: gauge, bento, counter-number, dot-pattern, grid-pattern, marquee, typewriter, header-01, header-02, header-03, header-04, header-05, header-06, hero-1, hero-2, hero-3, hero-4, hero-5, footer-01, footer-02, footer-03, footer-04, footer-05, footer-06, logos-01, logos-02, logos-03, logos-04, logos-05, call-to-action-01, feature-01, faqs-01, pricing-01, testimonial-01, gallery-01, accordion-01, accordion-02, accordion-03, accordion-04, accordion-05, accordion-06, alert-01, alert-02, alert-03, alert-04, alert-05, alert-06, alert-07, alert-dialog-01, alert-dialog-02, aspect-ratio-01, aspect-ratio-02, aspect-ratio-03, aspect-ratio-04, avatar-01, avatar-02, avatar-03, avatar-04, avatar-05, avatar-06, avatar-07, avatar-08, badge-01, badge-02, badge-03, badge-04, badge-05, breadcrumb-01, breadcrumb-02, breadcrumb-03, breadcrumb-04, breadcrumb-05, button-01, button-02, button-03, button-04, button-05, button-06, button-07, button-07, calendar-01, calendar-02, calendar-03, calendar-04, calendar-05, calendar-06, calendar-07, calendar-08, card-01, card-02, card-03, card-04, card-05, carousel-01, carousel-02, carousel-03, carousel-04, carousel-05, carousel-06, checkbox-01, checkbox-02, checkbox-03, checkbox-04, checkbox-05, checkbox-06, collapsible-01, collapsible-02, collapsible-03, collapsible-04, combobox-01, combobox-02, combobox-03, combobox-04, combobox-05, combobox-06, combobox-07, command-01, command-02, command-03, context-menu-01, context-menu-02, context-menu-03, dialog-01, dialog-02, dialog-03, drawer-01, drawer-02, drawer-03, dropdown-menu-01, dropdown-menu-02, dropdown-menu-03, hover-card-01, hover-card-02, input-01, input-02, input-03, input-otp-01, input-otp-02, input-otp-03, label-01, label-02, menubar-01, menubar-02, navigation-menu-01, field-01, field-02, field-03, pagination-01, pagination-02, pagination-03, popover-01, popover-02, popover-03, progress-01, progress-02, progress-03, radio-group-01, radio-group-02, radio-group-03, resizable-01, resizable-02, resizable-03, scroll-area-01, scroll-area-02, select-01, select-02, select-03, separator-01, separator-02, separator-03, sheet-01, sheet-02, skeleton-01, skeleton-02, skeleton-03, slider-01, slider-02, slider-03, slider-04, spinner-01, spinner-02, switch-01, switch-02, table-01, table-02, tabs-01, tabs-02, textarea-01, textarea-02, toast-01, toast-02, toggle-01, toggle-02, toggle-group-01, toggle-group-02, tooltip-01, tooltip-02, counter-number-default, counter-number-currency, counter-number-custom, counter-number-decimal, counter-number-percentage, counter-number-prefix, counter-number-seperator, dot-pattern-default, dot-pattern-custom, dot-pattern-01, dot-pattern-02, dot-pattern-03, gauge-demo-basic, gauge-demo-custom-value, gauge-demo-sizes, gauge-demo-thickness, gauge-demo-gap, gauge-demo-segments, gauge-demo-angles, gauge-demo-radius, gauge-demo-states, gauge-demo-range, gauge-demo-label, gauge-demo-custom-content, gauge-demo-biomarker, gauge-demo-multiple, gauge-demo-combined, bento-01, bento-02, bento-03, bento-04, bento-05, grid-pattern-default, grid-pattern-custom, grid-pattern-large, grid-pattern-small, grid-pattern-01, marquee-01, marquee-02, marquee-03, marquee-04, marquee-05, typewriter-01, typewriter-02, typewriter-03, typewriter-04, typewriter-05Preview
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.