Skip to content
Motion Lexicon
Components100
Agent UIAgent thinking traceStreaming answerTool call stackHuman approval flowTask progressAgent prompt composerContext sourcesDiff reviewMulti-agent handoff
ActionsCopy buttonLoading buttonHold actionMagnetic actionTheme reveal
Overlays & SurfacesCommand paletteContext menuDrawerDropdownModalPopoverDynamic toolbarResizable sidebarNotification centerMobile bottom sheetPage transition stackHover previewWorkspace switcher
Forms & InputExpanding searchInline validationOTP inputPassword strengthSlider detentsTag inputVoice captureFile dropzoneMulti-step formSign-in flowOnboarding checklistDate range pickerAnimated comboboxInline editAnimated empty state
NavigationAccordionHide on scrollSegmented controlTabsMega menuFloating dock
Data & CommerceFilter gridReorder listSortable tableActivity feedIntegration mapMetric tickerAnimated chartChangelog timelineKanban boardPricing calculatorAdd-to-cart morph
FeedbackProgress barValue flashToast stackUpload queueSkeleton reveal
Cards & MediaCursor lensMedia carouselGallery lightboxScroll story3D product viewerExpandable cardFocus galleryCard stackAnimated testimonialsCoverflow galleryImage trailPixelated imageChromatic imageCode comparisonBefore and after comparison
Visual & AmbientDither reveal cardNetwork globeKinetic logo exchangeSpotlight bentoAurora canvasGrid distortionFluid glass surface
Hero & StoryScroll media expansionDevice scroll revealCinematic heroShader heroSplit screen revealScreenshot stackTerminal heroProduct orbit hero
Text & TypeSplit text revealText scrambleText morphText loopScroll velocityKinetic heading
Page Blocks10
Agent workspaceProduct landingAnalytics dashboardProject dashboardSupport inboxCreative portfolioCommerce storefrontDeveloper docsMedia editorialOnboarding flow
Primitives44
Entrances & exitsSequencing & timingMovement & transformsState transitionsScroll motionFeedback & interactionEasingSpring animationsLooping & ambient motionPolish & effectsPerformancePrinciples
ResourcesVocabularyGuidesAgent SkillGitHub
SkillGitHub
React · Motion · shadcn registry

Composable React Page Blocks

10 Page BlocksComposition proofnpx shadcn@latest add

Page Blocks

10
Agent workspaceagent-workspace
Product landingproduct-landing
Analytics dashboardanalytics-dashboard
Project dashboardproject-dashboard
Support inboxsupport-inbox
Creative portfoliocreative-portfolio
Commerce storefrontcommerce-storefront
Developer docsdeveloper-docs
Media editorialmedia-editorial
Onboarding flowonboarding-flow