ActiveAnimated components41
@motion-lexicon
Animated components · MIT · data updated 2026-09-05
Copy-ready React page blocks and motion components with bilingual previews, reduced-motion paths, and shadcn Registry delivery.
3daianimationaudioauthbackgroundsblocksbuttonscardschartsdashboarddeveloper-toolse-commerceeditorformsglassmorphismiconsloadersmapsmarketingmediamobilenavigationonboardingoverlaysretrotablestheming
Install
npx shadcn@latest add https://motion-lexicon.pages.dev/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues6
ArchivedNo
Stars41
Components (150)
agent-workspaceproduct-landinganalytics-dashboardproject-dashboardsupport-inboxcreative-portfoliocommerce-storefrontdeveloper-docsmedia-editorialonboarding-flowagent-thinking-tracestreaming-answertool-call-stackapproval-flowtask-progressprompt-composercontext-sourcesdiff-reviewmulti-agent-handoffcopy-buttonloading-buttonhold-actioncommand-palettecontext-menudrawerdropdownmodalpopoverexpanding-searchinline-validationotp-inputpassword-strengthslider-detentstag-inputaccordionhide-on-scrollsegmented-controltabsfilter-gridreorder-listsortable-tableprogress-barvalue-flashmagnetic-actiontheme-revealmega-menufloating-dockvoice-capturetoast-stackupload-queueskeleton-revealactivity-feedintegration-mapcursor-lensmedia-carouselimage-lightboxscroll-storyprocedural-product-viewerdither-reveal-cardnetwork-globe
Components: agent-workspace, product-landing, analytics-dashboard, project-dashboard, support-inbox, creative-portfolio, commerce-storefront, developer-docs, media-editorial, onboarding-flow, agent-thinking-trace, streaming-answer, tool-call-stack, approval-flow, task-progress, prompt-composer, context-sources, diff-review, multi-agent-handoff, copy-button, loading-button, hold-action, command-palette, context-menu, drawer, dropdown, modal, popover, expanding-search, inline-validation, otp-input, password-strength, slider-detents, tag-input, accordion, hide-on-scroll, segmented-control, tabs, filter-grid, reorder-list, sortable-table, progress-bar, value-flash, magnetic-action, theme-reveal, mega-menu, floating-dock, voice-capture, toast-stack, upload-queue, skeleton-reveal, activity-feed, integration-map, cursor-lens, media-carousel, image-lightbox, scroll-story, procedural-product-viewer, dither-reveal-card, network-globe, kinetic-logo-exchange, spotlight-bento, scroll-media-expansion, device-scroll-reveal, cinematic-hero, shader-hero, split-screen-reveal, screenshot-stack, terminal-hero, product-orbit-hero, expandable-card, focus-gallery, card-stack, animated-testimonials, coverflow-gallery, image-trail, pixelated-image, chromatic-image, code-comparison, before-after-comparison, split-text-reveal, text-scramble, text-morph, text-loop, scroll-velocity, kinetic-heading, dynamic-toolbar, resizable-sidebar, notification-center, mobile-bottom-sheet, page-transition-stack, hover-preview, workspace-switcher, file-dropzone, multi-step-form, sign-in-flow, onboarding-checklist, date-range-picker, animated-combobox, inline-edit, animated-empty-state, metric-ticker, animated-chart, changelog-timeline, kanban-board, pricing-calculator, add-to-cart-morph, aurora-canvas, grid-distortion, fluid-glass-surface, primitive-fade-in-fade-out, primitive-slide-in, primitive-scale-in, primitive-reveal, primitive-stagger, primitive-keyframes, primitive-duration, primitive-translate, primitive-3d-tilt-flip, primitive-origin-aware-animation, primitive-crossfade, primitive-morph, primitive-accordion-collapse, primitive-direction-aware-transition, primitive-scroll-reveal, primitive-scroll-driven-animation, primitive-parallax, primitive-page-transition, primitive-hover-effect, primitive-press-tap-feedback, primitive-hold-to-confirm, primitive-drag-to-reorder, primitive-swipe-to-dismiss, primitive-shake-wiggle, primitive-ripple, primitive-easing, primitive-spring, primitive-loop, primitive-marquee, primitive-orbit, primitive-idle-animation, primitive-blur, primitive-before-after-slider, primitive-line-drawing, primitive-text-morph, primitive-skeleton-shimmer, primitive-number-ticker, primitive-typewriter, primitive-compositing, primitive-anticipationPreview
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.
@motion-lexicon · agent-workspace
npx shadcn@latest add https://motion-lexicon.pages.dev/r/agent-workspace.jsonView source