Animated componentspro available
@mizzle
Animated components · data updated 2026-10-17
Animated React components installed as source. Text Reveal, Number Roll, Link, Field and Input are free; the rest comes with a one-time license.
aianimationaudioauthblocksbuttonscardsformsiconsloadersmedianavigationoverlayspaymentspro-availableretrotext-effects
Install
npx shadcn@latest add https://mizzle.saddy.me/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (214)
confirmationimage-generationloadermarkermessage-scrollerorboutlineplanprompt-inputquestionnairereasoningresponseshimmersourcessuggestionstaskstool-callturnchat-dividercomposermessage-statusmessagepollreaction-pickertyping-indicatorvoice-notevoice-recorderdata-grid-column-menudata-grid-filterdata-grid-footerdata-grid-iconsdata-grid-row-controlsdata-grid-selection-bardata-grid-toolbardata-griddissolveditherglowpixel-fieldpixel-transitionprogressive-blurcheckboxfieldforminputnumber-fieldradio-groupselectswitchauth-diagramdiagram-glyphsdiagramintegrations-diagrampayments-diagrampixel-revealvideo-herovideo-playeraccordionbuttoncard
Components: confirmation, image-generation, loader, marker, message-scroller, orb, outline, plan, prompt-input, questionnaire, reasoning, response, shimmer, sources, suggestions, tasks, tool-call, turn, chat-divider, composer, message-status, message, poll, reaction-picker, typing-indicator, voice-note, voice-recorder, data-grid-column-menu, data-grid-filter, data-grid-footer, data-grid-icons, data-grid-row-controls, data-grid-selection-bar, data-grid-toolbar, data-grid, dissolve, dither, glow, pixel-field, pixel-transition, progressive-blur, checkbox, field, form, input, number-field, radio-group, select, switch, auth-diagram, diagram-glyphs, diagram, integrations-diagram, payments-diagram, pixel-reveal, video-hero, video-player, accordion, button, card, dialog, link, menu, tabs, toast, toolbar, tooltip, reveal, dot-matrix, highlight, letter-swap, number-roll, scramble-text, signature, split-text, text-reveal, text-swap, typewriter, delete-button, dynamic-island, expandable-tabs, panel-menu, prediction-market, tick-slider, agent-demo, confirmation-demo, image-generation-demo, image-generation-loading-demo, image-generation-progress-demo, loader-demo, loader-shapes-demo, loader-sizes-demo, marker-demo, message-scroller-demo, orb-colors-demo, orb-demo, orb-status-demo, outline-demo, plan-demo, prompt-input-compact-demo, prompt-input-demo, questionnaire-demo, reasoning-demo, reasoning-finished-demo, response-demo, shimmer-demo, sources-demo, suggestions-demo, suggestions-list-demo, tasks-demo, tool-call-demo, tool-call-states-demo, turn-demo, chat-demo, chat-divider-demo, composer-demo, message-demo, message-status-demo, poll-demo, poll-multiple-demo, reaction-picker-demo, typing-indicator-demo, voice-note-demo, voice-recorder-demo, data-grid-basic-demo, data-grid-demo, dissolve-demo, dither-demo, dither-image-demo, glow-demo, glow-palettes-demo, pixel-field-demo, pixel-transition-demo, pixel-transition-patterns-demo, progressive-blur-demo, progressive-blur-image-demo, checkbox-demo, field-demo, form-demo, input-demo, number-field-demo, radio-group-demo, select-demo, switch-demo, auth-diagram-demo, diagram-cards-demo, diagram-demo, diagram-glyphs-demo, integrations-diagram-demo, payments-diagram-demo, pixel-reveal-demo, pixel-reveal-hover-demo, video-hero-demo, video-player-demo, accordion-card-demo, accordion-demo, button-demo, button-status-demo, card-demo, dialog-demo, dialog-nested-demo, link-demo, link-inline-demo, menu-demo, menu-options-demo, tabs-demo, tabs-line-demo, toast-anchored-demo, toast-demo, toast-pill-demo, toast-position-demo, toast-promise-demo, toast-status-demo, toast-upsert-demo, toolbar-demo, toolbar-share-demo, toolbar-sort-demo, toolbar-tools-demo, tooltip-demo, reveal-demo, reveal-effects-demo, reveal-scroll-demo, dot-matrix-charset-demo, dot-matrix-demo, highlight-demo, letter-swap-demo, number-roll-demo, number-roll-spin-demo, scramble-text-demo, signature-demo, split-text-demo, text-reveal-demo, text-reveal-effects-demo, text-swap-demo, typewriter-demo, delete-button-demo, dynamic-island-demo, expandable-tabs-demo, panel-menu-demo, prediction-market-demo, tick-slider-demo, use-content-height, use-data-grid-filters, use-debounced-callback, use-entrance, use-latest, use-merged-ref, use-outgoing, use-reduced-motion, use-scroll-progress, bayer, data-grid-export, data-grid-features, data-grid-filtersPreview
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.