Motion Menu
registry.directory/motion-menu
597 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS, or over MCP.
2 types598 items
Install
npx shadcn@latest add @motion-menu/custom-cursor
# works for any of the 598 items in this registry
Featured
block
custom-cursor
"add 02" — dot tracks tight, ring lags behind. Hides itself on touch devices.
block
preloader
"open with 03" — counter climbs 0→100 while assets load, curtain lifts, page breathes in.
block
page-transition
"pages change with 04" — colored slabs sweep the screen between routes. No hard cuts, ever.
block
moodboard-composer
"clients play with 120" — shop-the-room in reverse: visitors compose their space from your catalog. Engagement that converts to carts.
block
corner-anchored-nav
"anchor the nav in the corner" — mark top-left, links stacked top-right, a status line bottom-left; no bar, no rule, the page corner does the organising.
Browse by type
Tags
css216role-product60editorial46role-chrome45role-background44role-type42role-gallery41type39role-hero38gsap38role-content38signature34role-dashboard32role-nav31role-form31role-pricing31layout31role-seam30three26role-media25micro24role-cta24commerce24seam24role-stats23form23cta23hero23platform-native22role-footer22gallery223d21footer21chrome21text20scroll20webgl20role-testimonial20heavy20frontier20role-auth20content20product20media20auth19nav19dashboard19background18hover17glsl17backend17daf16pricing16js14canvas14stats14testimonial13grid13divider13svg12boutique12ai12interface12domain12procurement12motion12b2b11global10feel10shader10motion-system10connected10ambient10list8gradient8simulation7comparison7minimal7radio7trust6proof6tabs6spec6clip-path6saas5marquee5quote5texture5table5meta5progress5contact5video5status5index5lenis4pointer4metrics4statement4split4sticky4native4panel4cards4display4compare4detail4geometric4realtime3sitemap3card3breadcrumb3process3consent3search3filter3frame3overlay3checklist3print3navigation3typography3columns3webaudio2webgpu2education2calculator2validation22fa2bento2capture2ledger2provenance2email2gate2forms2legal2newsletter2wordmark2toggle2sidebar2dots2booking2intake2centered2reveal2asymmetric2details2tiers2glossary2timeline2activity2usage2menu2availability2numbered2swatch2depth2highlight2label2links2focus2feedback2ops2shipping2compact2rating2security2onboarding2conic-gradient2interactive2vertical2foundations1nimos1quiz-picks1mcp120261ai-sdk1view-transitions1rive-runtime1gsap-3-131free-now1vfx-js-core1lygia-xyz1r1841splinetool1interior-design1live1tokens1honest-copy1k1wired-live1css-sticky1gsap-spring120k-points1ping-pong1feturbulence12026-css1pure-css-3d1opt12026-ai-ui1transformers-js1sqlite-wasm1mediapipe1spark1cursor1material1morphsvg1ai-ui1semantic-space1render-target1soft-body1scroll-state1scheduling1native-api1social-proof1post-purchase1logistics1service1offscreencanvas1troika1lottie1working-tool1pacing1render-targets1ux-law1fallback1input1sse1supabase1webauthn1hmac1cdn1og-image1agentic1real-crypto1sign1sign-in1bars1craft1counter1credentials1press1row1logos1number1portrait1quotes1sparkline1confirmation1oauth1passkey1ticker1icons1faq1affordance1calendar1upload1dropzone1multistep1segmented1brief1clip1stroke1kicker1glow1audio1waveform1duration1figure1embed1fullbleed1poster1strip1sticky-bar1included1disclosure1estimate1single-plan1checkbox-hack1grain1pattern1callout1log1feed1alert1notification1empty-state1queue1jobs1pills1kpi1settings1shell1meter1masonry1lead-time1unboxing1itemised1accordion1features1materials1finish1size1dimensions1variant1angled1upgrade1badge1fade1keyboard1switcher1theme1overlap1graphic1reading1gauge1stepped1account1announcement1banner1share1cookies1corner1anchored1accessibility1call1box1actions1slab1fullwidth1band1secondary1diff1contrast1address1payment1checkout1survey1tags1chips1diagonal1numeral1footer-row1image1offset1rotator1mask1bar1seats1document1orientation1choice1currency1region1enterprise1breakdown1subscription1metered1a11y1conversational1clarity1case1proportion1chart1hierarchy1device1invite1organisation1lockout1signup1steps1password1strength1recovery1backup-codes1terms1technical1rings1diagram1notes1heatmap1metric1tree1files1header1permissions1reorder1honeycomb1loop1radial1thumbs1rhythm1controls1captions1mobile1pagination1preview1utility1buy-bar1certification1badges1downloads1documents1configurator1tooltip1spin13601returns1cart1hairline1ecommerce1