ActiveAnimated components15
@motiq
Animated components · MIT · data updated 2026-09-05
Production-ready animated React and Next.js components — accessible, reduced-motion-safe and RSC-safe — installable as editable source with the shadcn CLI. Free and open source.
accessibilityaianimationauthbackgroundsblocksbuttonscardschartsdashboarddesign-systeme-commerceformsglassmorphismhooksiconsloadersmapsmediamobilenavigationonboardingoverlaystables
Install
npx shadcn@latest add https://motiq.dev/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues2
ArchivedNo
Stars15
Components (100)
utilsprimitivesai-response-streamdeployment-pipelinelive-presence-stackkpi-number-morphtool-call-activitylive-log-streamactivity-streamstreaming-data-rowsluminous-topographyworkflow-topology-fieldqueue-pulse-lanesadaptive-safe-zone-gridruntime-signal-mapevent-propagation-matrixdata-contour-surfaceagent-operations-herodeployment-control-herolive-data-command-herocollaborative-launch-herosource-citation-railapi-request-inspectorapproval-workflowfilter-result-transitionswipe-action-rowagent-run-timelineenvironment-switchercomment-threaddata-refresh-statemobile-filter-sheetprompt-composerwebhook-event-streammention-suggestionsdata-quality-statuskeyboard-safe-formfile-upload-pipelineproduct-variant-selectorpasskey-setup-flowmessage-delivery-stateskanban-card-movementmulti-file-queuecart-item-transitiontwo-factor-setup-flowtyping-and-presencetask-dependency-mapprocessing-timelinecheckout-progresssession-security-centerthread-expansionproject-timelineai-agent-workspacedeployment-command-centercollaborative-review-workspacelive-operations-dashboardai-interface-packdeveloper-tools-packcollaboration-packdata-motion-packkinetic-emphasis
Components: utils, primitives, ai-response-stream, deployment-pipeline, live-presence-stack, kpi-number-morph, tool-call-activity, live-log-stream, activity-stream, streaming-data-rows, luminous-topography, workflow-topology-field, queue-pulse-lanes, adaptive-safe-zone-grid, runtime-signal-map, event-propagation-matrix, data-contour-surface, agent-operations-hero, deployment-control-hero, live-data-command-hero, collaborative-launch-hero, source-citation-rail, api-request-inspector, approval-workflow, filter-result-transition, swipe-action-row, agent-run-timeline, environment-switcher, comment-thread, data-refresh-state, mobile-filter-sheet, prompt-composer, webhook-event-stream, mention-suggestions, data-quality-status, keyboard-safe-form, file-upload-pipeline, product-variant-selector, passkey-setup-flow, message-delivery-states, kanban-card-movement, multi-file-queue, cart-item-transition, two-factor-setup-flow, typing-and-presence, task-dependency-map, processing-timeline, checkout-progress, session-security-center, thread-expansion, project-timeline, ai-agent-workspace, deployment-command-center, collaborative-review-workspace, live-operations-dashboard, ai-interface-pack, developer-tools-pack, collaboration-pack, data-motion-pack, kinetic-emphasis, blur-text, spotlight-card, animated-dialog, animated-tabs, animated-accordion, animated-button, rotating-text, animated-list, animated-grid, loom-draft, copperplate-hatch, chart-recorder, riso-registration, core-strata, animated-icons, magnetic-dock, cursor-comet, lens-card, torch-reveal, gooey-actions, decrypt-text, proximity-type, split-flap, liquid-fill-headline, word-cascade, holo-card, border-beam-panel, card-stack-deck, glass-refraction-panel, aurora-panel, sticky-zoom-hero, depth-parallax-scene, mask-wipe-sections, scroll-count-stats, velocity-skew-feed, orbital-gallery, flow-warp-image, velocity-marquee, filmstrip-scrub, compare-revealPreview
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.