[{"data":1,"prerenderedAt":3035},["ShallowReactive",2],{"navigation_docs":3,"-components-scroll-scroll-velocity":1514,"-components-scroll-scroll-velocity-surround":3030},[4,28,35,1298,1321,1328,1483,1507],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,254,312,434,452,466,600,690,876,906,936,970,1004,1042,1268],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":211,"path":212,"stem":213},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":215,"path":216,"stem":217},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":219,"path":220,"stem":221},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":223,"path":224,"stem":225},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":227,"path":228,"stem":229},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":231,"path":232,"stem":233},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":235,"path":236,"stem":237},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":239,"path":240,"stem":241},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":243,"path":244,"stem":245},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":247,"path":248,"stem":249},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":251,"path":252,"stem":253},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":255,"icon":256,"path":257,"stem":258,"children":259,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[260,264,268,272,276,280,284,288,292,296,300,304,308],{"title":261,"path":262,"stem":263},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":265,"path":266,"stem":267},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":269,"path":270,"stem":271},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":273,"path":274,"stem":275},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":277,"path":278,"stem":279},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":281,"path":282,"stem":283},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":285,"path":286,"stem":287},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":289,"path":290,"stem":291},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":293,"path":294,"stem":295},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":297,"path":298,"stem":299},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":301,"path":302,"stem":303},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":305,"path":306,"stem":307},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":309,"path":310,"stem":311},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":313,"icon":314,"path":315,"stem":316,"children":317,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430],{"title":319,"path":320,"stem":321},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":323,"path":324,"stem":325},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":327,"path":328,"stem":329},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":331,"path":332,"stem":333},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":335,"path":336,"stem":337},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":339,"path":340,"stem":341},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":343,"path":344,"stem":345},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":347,"path":348,"stem":349},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":351,"path":352,"stem":353},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":355,"path":356,"stem":357},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":359,"path":360,"stem":361},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":363,"path":364,"stem":365},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":367,"path":368,"stem":369},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":371,"path":372,"stem":373},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":375,"path":376,"stem":377},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":379,"path":380,"stem":381},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":383,"path":384,"stem":385},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":387,"path":388,"stem":389},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":391,"path":392,"stem":393},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":395,"path":396,"stem":397},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":399,"path":400,"stem":401},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":403,"path":404,"stem":405},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":407,"path":408,"stem":409},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":411,"path":412,"stem":413},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":415,"path":416,"stem":417},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":419,"path":420,"stem":421},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":423,"path":424,"stem":425},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":427,"path":428,"stem":429},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":431,"path":432,"stem":433},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":435,"icon":436,"path":437,"stem":438,"children":439,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[440,444,448],{"title":441,"path":442,"stem":443},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":445,"path":446,"stem":447},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":449,"path":450,"stem":451},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":453,"icon":454,"path":455,"stem":456,"children":457,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[458,462],{"title":459,"path":460,"stem":461},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":463,"path":464,"stem":465},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":467,"icon":468,"path":469,"stem":470,"children":471,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596],{"title":473,"path":474,"stem":475},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":477,"path":478,"stem":479},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":481,"path":482,"stem":483},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":485,"path":486,"stem":487},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":489,"path":490,"stem":491},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":493,"path":494,"stem":495},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":497,"path":498,"stem":499},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":501,"path":502,"stem":503},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":505,"path":506,"stem":507},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":509,"path":510,"stem":511},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":513,"path":514,"stem":515},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":517,"path":518,"stem":519},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":521,"path":522,"stem":523},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":525,"path":526,"stem":527},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":529,"path":530,"stem":531},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":533,"path":534,"stem":535},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":537,"path":538,"stem":539},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":541,"path":542,"stem":543},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":545,"path":546,"stem":547},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":549,"path":550,"stem":551},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":553,"path":554,"stem":555},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":557,"path":558,"stem":559},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":561,"path":562,"stem":563},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":565,"path":566,"stem":567},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":569,"path":570,"stem":571},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":573,"path":574,"stem":575},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":577,"path":578,"stem":579},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":581,"path":582,"stem":583},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":585,"path":586,"stem":587},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":589,"path":590,"stem":591},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":593,"path":594,"stem":595},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":597,"path":598,"stem":599},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":601,"icon":602,"path":603,"stem":604,"children":605,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686],{"title":607,"path":608,"stem":609},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":611,"path":612,"stem":613},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":615,"path":616,"stem":617},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":619,"path":620,"stem":621},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":623,"path":624,"stem":625},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":627,"path":628,"stem":629},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":631,"path":632,"stem":633},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":635,"path":636,"stem":637},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":639,"path":640,"stem":641},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":643,"path":644,"stem":645},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":647,"path":648,"stem":649},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":651,"path":652,"stem":653},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":655,"path":656,"stem":657},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":659,"path":660,"stem":661},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":663,"path":664,"stem":665},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":667,"path":668,"stem":669},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":671,"path":672,"stem":673},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":675,"path":676,"stem":677},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":679,"path":680,"stem":681},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":683,"path":684,"stem":685},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":687,"path":688,"stem":689},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":691,"icon":692,"path":693,"stem":694,"children":695,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872],{"title":697,"path":698,"stem":699},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":701,"path":702,"stem":703},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":705,"path":706,"stem":707},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":709,"path":710,"stem":711},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":713,"path":714,"stem":715},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":717,"path":718,"stem":719},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":721,"path":722,"stem":723},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":725,"path":726,"stem":727},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":729,"path":730,"stem":731},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":733,"path":734,"stem":735},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":737,"path":738,"stem":739},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":741,"path":742,"stem":743},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":745,"path":746,"stem":747},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":749,"path":750,"stem":751},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":753,"path":754,"stem":755},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":757,"path":758,"stem":759},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":761,"path":762,"stem":763},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":765,"path":766,"stem":767},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":769,"path":770,"stem":771},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":773,"path":774,"stem":775},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":777,"path":778,"stem":779},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":781,"path":782,"stem":783},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":785,"path":786,"stem":787},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":789,"path":790,"stem":791},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":793,"path":794,"stem":795},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":797,"path":798,"stem":799},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":801,"path":802,"stem":803},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":805,"path":806,"stem":807},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":809,"path":810,"stem":811},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":813,"path":814,"stem":815},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":817,"path":818,"stem":819},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":821,"path":822,"stem":823},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":825,"path":826,"stem":827},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":829,"path":830,"stem":831},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":833,"path":834,"stem":835},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":837,"path":838,"stem":839},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":841,"path":842,"stem":843},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":845,"path":846,"stem":847},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":849,"path":850,"stem":851},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":853,"path":854,"stem":855},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":857,"path":858,"stem":859},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":861,"path":862,"stem":863},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":865,"path":866,"stem":867},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":869,"path":870,"stem":871},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":873,"path":874,"stem":875},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":877,"icon":878,"path":879,"stem":880,"children":881,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[882,886,890,894,898,902],{"title":883,"path":884,"stem":885},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":887,"path":888,"stem":889},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":891,"path":892,"stem":893},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":895,"path":896,"stem":897},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":899,"path":900,"stem":901},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":903,"path":904,"stem":905},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":907,"icon":908,"path":909,"stem":910,"children":911,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[912,916,920,924,928,932],{"title":913,"path":914,"stem":915},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":917,"path":918,"stem":919},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":921,"path":922,"stem":923},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":925,"path":926,"stem":927},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":929,"path":930,"stem":931},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":933,"path":934,"stem":935},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":937,"icon":938,"path":939,"stem":940,"children":941,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[942,946,950,954,958,962,966],{"title":943,"path":944,"stem":945},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":947,"path":948,"stem":949},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":951,"path":952,"stem":953},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":955,"path":956,"stem":957},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":959,"path":960,"stem":961},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":963,"path":964,"stem":965},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":967,"path":968,"stem":969},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":971,"icon":972,"path":973,"stem":974,"children":975,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[976,980,984,988,992,996,1000],{"title":977,"path":978,"stem":979},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":981,"path":982,"stem":983},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":985,"path":986,"stem":987},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":989,"path":990,"stem":991},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":993,"path":994,"stem":995},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":997,"path":998,"stem":999},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1001,"path":1002,"stem":1003},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1005,"icon":1006,"path":1007,"stem":1008,"children":1009,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1010,1014,1018,1022,1026,1030,1034,1038],{"title":1011,"path":1012,"stem":1013},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1015,"path":1016,"stem":1017},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1019,"path":1020,"stem":1021},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1023,"path":1024,"stem":1025},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1027,"path":1028,"stem":1029},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1031,"path":1032,"stem":1033},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1035,"path":1036,"stem":1037},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1039,"path":1040,"stem":1041},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1043,"icon":1044,"path":1045,"stem":1046,"children":1047,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264],{"title":1049,"path":1050,"stem":1051},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1053,"path":1054,"stem":1055},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1057,"path":1058,"stem":1059},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1061,"path":1062,"stem":1063},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1065,"path":1066,"stem":1067},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1069,"path":1070,"stem":1071},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1073,"path":1074,"stem":1075},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1077,"path":1078,"stem":1079},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1081,"path":1082,"stem":1083},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1085,"path":1086,"stem":1087},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1089,"path":1090,"stem":1091},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1093,"path":1094,"stem":1095},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1097,"path":1098,"stem":1099},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1101,"path":1102,"stem":1103},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1105,"path":1106,"stem":1107},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1109,"path":1110,"stem":1111},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1113,"path":1114,"stem":1115},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1117,"path":1118,"stem":1119},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1121,"path":1122,"stem":1123},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1125,"path":1126,"stem":1127},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1129,"path":1130,"stem":1131},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1133,"path":1134,"stem":1135},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1137,"path":1138,"stem":1139},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1141,"path":1142,"stem":1143},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1145,"path":1146,"stem":1147},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1149,"path":1150,"stem":1151},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1153,"path":1154,"stem":1155},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1157,"path":1158,"stem":1159},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1161,"path":1162,"stem":1163},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1165,"path":1166,"stem":1167},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1169,"path":1170,"stem":1171},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1173,"path":1174,"stem":1175},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1177,"path":1178,"stem":1179},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1181,"path":1182,"stem":1183},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1185,"path":1186,"stem":1187},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1189,"path":1190,"stem":1191},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1193,"path":1194,"stem":1195},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1197,"path":1198,"stem":1199},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1201,"path":1202,"stem":1203},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1205,"path":1206,"stem":1207},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1209,"path":1210,"stem":1211},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1213,"path":1214,"stem":1215},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1217,"path":1218,"stem":1219},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1221,"path":1222,"stem":1223},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1225,"path":1226,"stem":1227},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1229,"path":1230,"stem":1231},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1233,"path":1234,"stem":1235},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1237,"path":1238,"stem":1239},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1241,"path":1242,"stem":1243},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1245,"path":1246,"stem":1247},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1249,"path":1250,"stem":1251},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1253,"path":1254,"stem":1255},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1257,"path":1258,"stem":1259},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1261,"path":1262,"stem":1263},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1265,"path":1266,"stem":1267},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1269,"icon":1270,"path":1271,"stem":1272,"children":1273,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1274,1278,1282,1286,1290,1294],{"title":1275,"path":1276,"stem":1277},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1279,"path":1280,"stem":1281},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1283,"path":1284,"stem":1285},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1287,"path":1288,"stem":1289},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1291,"path":1292,"stem":1293},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1295,"path":1296,"stem":1297},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1299,"path":1300,"stem":1301,"children":1302,"icon":1320},"Composables","\u002Fcomposables","4.composables\u002Findex",[1303,1304,1308,1312,1316],{"title":1299,"path":1300,"stem":1301},{"title":1305,"path":1306,"stem":1307},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1309,"path":1310,"stem":1311},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1313,"path":1314,"stem":1315},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1317,"path":1318,"stem":1319},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1322,"path":1323,"stem":1324,"children":1325,"icon":1327},"Guides","\u002Fguides","5.guides\u002Findex",[1326],{"title":1322,"path":1323,"stem":1324},"i-lucide-book-open",{"title":1329,"icon":1330,"path":1331,"stem":1332,"children":1333},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1334,1336,1349,1358,1371,1384,1400,1413,1422,1431,1444,1453,1466,1475],{"title":1329,"path":1331,"stem":1335},"6.blocks\u002Findex",{"title":1337,"path":1338,"stem":1339,"children":1340,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1341,1345],{"title":1342,"path":1343,"stem":1344},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1346,"path":1347,"stem":1348},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1350,"path":1351,"stem":1352,"children":1353,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1354],{"title":1355,"path":1356,"stem":1357},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1359,"path":1360,"stem":1361,"children":1362,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1363,1367],{"title":1364,"path":1365,"stem":1366},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1368,"path":1369,"stem":1370},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1372,"path":1373,"stem":1374,"children":1375,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1376,1380],{"title":1377,"path":1378,"stem":1379},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1381,"path":1382,"stem":1383},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1385,"path":1386,"stem":1387,"children":1388,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1389,1393,1396],{"title":1390,"path":1391,"stem":1392},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1394,"stem":1395},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1397,"path":1398,"stem":1399},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1405,1409],{"title":1406,"path":1407,"stem":1408},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1410,"path":1411,"stem":1412},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1414,"path":1415,"stem":1416,"children":1417,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1418],{"title":1419,"path":1420,"stem":1421},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1423,"path":1424,"stem":1425,"children":1426,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1427],{"title":1428,"path":1429,"stem":1430},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1432,"path":1433,"stem":1434,"children":1435,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1436,1440],{"title":1437,"path":1438,"stem":1439},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1441,"path":1442,"stem":1443},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1445,"path":1446,"stem":1447,"children":1448,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1449],{"title":1450,"path":1451,"stem":1452},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1454,"path":1455,"stem":1456,"children":1457,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1458,1462],{"title":1459,"path":1460,"stem":1461},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1463,"path":1464,"stem":1465},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1467,"path":1468,"stem":1469,"children":1470,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1471],{"title":1472,"path":1473,"stem":1474},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1476,"path":1477,"stem":1478,"children":1479,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1480],{"title":1441,"path":1481,"stem":1482},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1484,"icon":1485,"path":1486,"stem":1487,"children":1488},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1489,1491,1495,1499,1503],{"title":1484,"path":1486,"stem":1490},"7.templates\u002Findex",{"title":1492,"path":1493,"stem":1494},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1496,"path":1497,"stem":1498},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1500,"path":1501,"stem":1502},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1504,"path":1505,"stem":1506},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1508,"path":1509,"stem":1510,"children":1511,"icon":1513},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1512],{"title":1508,"path":1509,"stem":1510},"i-lucide-braces",{"id":1515,"title":1035,"body":1516,"description":3024,"extension":3025,"links":3026,"meta":3027,"navigation":1958,"path":1036,"seo":3028,"stem":1037,"__hash__":3029},"docs\u002F3.components\u002Fscroll\u002Fscroll-velocity.md",{"type":1517,"value":1518,"toc":3010},"minimark",[1519,1528,1535,1539,1557,1805,1809,1813,1819,2245,2249,2259,2471,2475,2491,2694,2698,2712,2726,2730,2810,2814,2831,2836,2860,2864,2876,2886,2890,2942,2946,2963,2980,2994,3006],[1520,1521,1522,1523,1527],"p",{},"Rows of text that move on their own and react to how fast you are scrolling.\nEach line scrolls continuously at a base velocity, and the speed and direction of\nyour scroll are folded into that baseline: scroll down and the lines speed up,\nscroll up and they reverse. The whole thing is driven by a ",[1524,1525,1526],"code",{},"requestAnimationFrame","\nloop, so the motion is smooth rather than stepped.",[1520,1529,1530,1531,1534],{},"Alternate lines run in opposite directions, so a stack of ",[1524,1532,1533],{},"texts"," reads as a\nstack of counter-moving bands.",[1536,1537,16],"h2",{"id":1538},"usage",[1520,1540,1541,1542,1544,1545,1548,1549,1552,1553,1556],{},"Pass the phrases as ",[1524,1543,1533],{},". Every phrase becomes its own marquee row; even-numbered\nrows move one way and odd-numbered rows the other. ",[1524,1546,1547],{},"velocity"," is the base speed,\nand ",[1524,1550,1551],{},"damping","\u002F",[1524,1554,1555],{},"stiffness"," shape how the scroll is smoothed into that speed.",[1558,1559,1561,1574],"code-preview",{"label":1560},"Preview",[1562,1563,1569,1570],"div",{"className":1564},[1565,1566,1567,1568],"flex","justify-center","w-full","h-full","  ",[1571,1572],"component-example",{"name":1573},"scroll-velocity-example",[1575,1576,1578],"template",{"v-slot:code":1577},"",[1579,1580,1584],"pre",{"className":1581,"code":1582,"language":1583,"meta":1577,"style":1577},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"p-6 bg-elevated rounded-lg\">\n    \u003Ch3 class=\"text-lg font-bold mb-4 text-highlighted\">\n      Scroll Velocity\n    \u003C\u002Fh3>\n    \u003CMScrollVelocity\n      :texts=\"['Nuxt Motion Block', 'Scroll Down']\"\n      :velocity=\"100\"\n      :damping=\"50\"\n      :stiffness=\"400\"\n      :num-copies=\"6\"\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[1524,1585,1586,1601,1627,1649,1656,1666,1674,1713,1730,1746,1762,1779,1785,1795],{"__ignoreMap":1577},[1587,1588,1591,1595,1598],"span",{"class":1589,"line":1590},"line",1,[1587,1592,1594],{"class":1593},"sMK4o","\u003C",[1587,1596,1575],{"class":1597},"swJcz",[1587,1599,1600],{"class":1593},">\n",[1587,1602,1604,1607,1609,1613,1616,1619,1623,1625],{"class":1589,"line":1603},2,[1587,1605,1606],{"class":1593},"  \u003C",[1587,1608,1562],{"class":1597},[1587,1610,1612],{"class":1611},"spNyl"," class",[1587,1614,1615],{"class":1593},"=",[1587,1617,1618],{"class":1593},"\"",[1587,1620,1622],{"class":1621},"sfazB","p-6 bg-elevated rounded-lg",[1587,1624,1618],{"class":1593},[1587,1626,1600],{"class":1593},[1587,1628,1630,1633,1636,1638,1640,1642,1645,1647],{"class":1589,"line":1629},3,[1587,1631,1632],{"class":1593},"    \u003C",[1587,1634,1635],{"class":1597},"h3",[1587,1637,1612],{"class":1611},[1587,1639,1615],{"class":1593},[1587,1641,1618],{"class":1593},[1587,1643,1644],{"class":1621},"text-lg font-bold mb-4 text-highlighted",[1587,1646,1618],{"class":1593},[1587,1648,1600],{"class":1593},[1587,1650,1652],{"class":1589,"line":1651},4,[1587,1653,1655],{"class":1654},"sTEyZ","      Scroll Velocity\n",[1587,1657,1659,1662,1664],{"class":1589,"line":1658},5,[1587,1660,1661],{"class":1593},"    \u003C\u002F",[1587,1663,1635],{"class":1597},[1587,1665,1600],{"class":1593},[1587,1667,1669,1671],{"class":1589,"line":1668},6,[1587,1670,1632],{"class":1593},[1587,1672,1673],{"class":1597},"MScrollVelocity\n",[1587,1675,1677,1680,1682,1684,1686,1689,1692,1695,1697,1700,1702,1705,1707,1710],{"class":1589,"line":1676},7,[1587,1678,1679],{"class":1593},"      :",[1587,1681,1533],{"class":1611},[1587,1683,1615],{"class":1593},[1587,1685,1618],{"class":1593},[1587,1687,1688],{"class":1593},"[",[1587,1690,1691],{"class":1593},"'",[1587,1693,1694],{"class":1621},"Nuxt Motion Block",[1587,1696,1691],{"class":1593},[1587,1698,1699],{"class":1593},", ",[1587,1701,1691],{"class":1593},[1587,1703,1704],{"class":1621},"Scroll Down",[1587,1706,1691],{"class":1593},[1587,1708,1709],{"class":1593},"]",[1587,1711,1712],{"class":1593},"\"\n",[1587,1714,1716,1718,1720,1722,1724,1728],{"class":1589,"line":1715},8,[1587,1717,1679],{"class":1593},[1587,1719,1547],{"class":1611},[1587,1721,1615],{"class":1593},[1587,1723,1618],{"class":1593},[1587,1725,1727],{"class":1726},"sbssI","100",[1587,1729,1712],{"class":1593},[1587,1731,1733,1735,1737,1739,1741,1744],{"class":1589,"line":1732},9,[1587,1734,1679],{"class":1593},[1587,1736,1551],{"class":1611},[1587,1738,1615],{"class":1593},[1587,1740,1618],{"class":1593},[1587,1742,1743],{"class":1726},"50",[1587,1745,1712],{"class":1593},[1587,1747,1749,1751,1753,1755,1757,1760],{"class":1589,"line":1748},10,[1587,1750,1679],{"class":1593},[1587,1752,1555],{"class":1611},[1587,1754,1615],{"class":1593},[1587,1756,1618],{"class":1593},[1587,1758,1759],{"class":1726},"400",[1587,1761,1712],{"class":1593},[1587,1763,1765,1767,1770,1772,1774,1777],{"class":1589,"line":1764},11,[1587,1766,1679],{"class":1593},[1587,1768,1769],{"class":1611},"num-copies",[1587,1771,1615],{"class":1593},[1587,1773,1618],{"class":1593},[1587,1775,1776],{"class":1726},"6",[1587,1778,1712],{"class":1593},[1587,1780,1782],{"class":1589,"line":1781},12,[1587,1783,1784],{"class":1593},"    \u002F>\n",[1587,1786,1788,1791,1793],{"class":1589,"line":1787},13,[1587,1789,1790],{"class":1593},"  \u003C\u002F",[1587,1792,1562],{"class":1597},[1587,1794,1600],{"class":1593},[1587,1796,1798,1801,1803],{"class":1589,"line":1797},14,[1587,1799,1800],{"class":1593},"\u003C\u002F",[1587,1802,1575],{"class":1597},[1587,1804,1600],{"class":1593},[1536,1806,1808],{"id":1807},"examples","Examples",[1635,1810,1812],{"id":1811},"multiple-phrases","Multiple phrases",[1520,1814,1815,1816,1818],{},"Every entry in ",[1524,1817,1533],{}," is a separate row, the odd ones travelling against the\neven ones.",[1558,1820,1821,1827],{"label":1560},[1562,1822,1569,1824],{"className":1823},[1565,1566,1567,1568],[1571,1825],{"name":1826},"scroll-velocity-basic",[1575,1828,1829],{"v-slot:code":1577},[1579,1830,1832],{"className":1581,"code":1831,"language":1583,"meta":1577,"style":1577},"\u003Ctemplate>\n  \u003Cdiv class=\"p-6 bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-gray-900 rounded-xl max-w-2xl mx-auto\">\n    \u003Cdiv class=\"text-center mb-6\">\n      \u003Ch3 class=\"text-2xl font-bold mb-3 text-highlighted\">\n        Scroll Velocity\n      \u003C\u002Fh3>\n      \u003Cp class=\"text-muted\">\n        Dynamic text effects that respond to scroll speed for engaging parallax experiences\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"bg-default rounded-lg p-6 shadow\">\n      \u003CMScrollVelocity\n        :texts=\"['Fast Scroll', 'Medium Speed', 'Slow Motion']\"\n        :velocity=\"75\"\n        class=\"text-3xl font-bold text-center\"\n      \u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"mt-6 flex justify-center\">\n      \u003CUButton\n        color=\"primary\"\n        variant=\"solid\"\n        size=\"sm\"\n      >\n        \u003CUIcon\n          name=\"i-lucide-mouse\"\n          class=\"w-4 h-4 mr-2\"\n        \u002F>\n        Try Scrolling\n      \u003C\u002FUButton>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,1833,1834,1842,1861,1880,1900,1905,1914,1933,1938,1946,1954,1960,1979,1985,2027,2043,2058,2064,2073,2078,2098,2106,2121,2136,2151,2157,2166,2181,2196,2202,2208,2218,2227,2236],{"__ignoreMap":1577},[1587,1835,1836,1838,1840],{"class":1589,"line":1590},[1587,1837,1594],{"class":1593},[1587,1839,1575],{"class":1597},[1587,1841,1600],{"class":1593},[1587,1843,1844,1846,1848,1850,1852,1854,1857,1859],{"class":1589,"line":1603},[1587,1845,1606],{"class":1593},[1587,1847,1562],{"class":1597},[1587,1849,1612],{"class":1611},[1587,1851,1615],{"class":1593},[1587,1853,1618],{"class":1593},[1587,1855,1856],{"class":1621},"p-6 bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-gray-900 rounded-xl max-w-2xl mx-auto",[1587,1858,1618],{"class":1593},[1587,1860,1600],{"class":1593},[1587,1862,1863,1865,1867,1869,1871,1873,1876,1878],{"class":1589,"line":1629},[1587,1864,1632],{"class":1593},[1587,1866,1562],{"class":1597},[1587,1868,1612],{"class":1611},[1587,1870,1615],{"class":1593},[1587,1872,1618],{"class":1593},[1587,1874,1875],{"class":1621},"text-center mb-6",[1587,1877,1618],{"class":1593},[1587,1879,1600],{"class":1593},[1587,1881,1882,1885,1887,1889,1891,1893,1896,1898],{"class":1589,"line":1651},[1587,1883,1884],{"class":1593},"      \u003C",[1587,1886,1635],{"class":1597},[1587,1888,1612],{"class":1611},[1587,1890,1615],{"class":1593},[1587,1892,1618],{"class":1593},[1587,1894,1895],{"class":1621},"text-2xl font-bold mb-3 text-highlighted",[1587,1897,1618],{"class":1593},[1587,1899,1600],{"class":1593},[1587,1901,1902],{"class":1589,"line":1658},[1587,1903,1904],{"class":1654},"        Scroll Velocity\n",[1587,1906,1907,1910,1912],{"class":1589,"line":1668},[1587,1908,1909],{"class":1593},"      \u003C\u002F",[1587,1911,1635],{"class":1597},[1587,1913,1600],{"class":1593},[1587,1915,1916,1918,1920,1922,1924,1926,1929,1931],{"class":1589,"line":1676},[1587,1917,1884],{"class":1593},[1587,1919,1520],{"class":1597},[1587,1921,1612],{"class":1611},[1587,1923,1615],{"class":1593},[1587,1925,1618],{"class":1593},[1587,1927,1928],{"class":1621},"text-muted",[1587,1930,1618],{"class":1593},[1587,1932,1600],{"class":1593},[1587,1934,1935],{"class":1589,"line":1715},[1587,1936,1937],{"class":1654},"        Dynamic text effects that respond to scroll speed for engaging parallax experiences\n",[1587,1939,1940,1942,1944],{"class":1589,"line":1732},[1587,1941,1909],{"class":1593},[1587,1943,1520],{"class":1597},[1587,1945,1600],{"class":1593},[1587,1947,1948,1950,1952],{"class":1589,"line":1748},[1587,1949,1661],{"class":1593},[1587,1951,1562],{"class":1597},[1587,1953,1600],{"class":1593},[1587,1955,1956],{"class":1589,"line":1764},[1587,1957,1959],{"emptyLinePlaceholder":1958},true,"\n",[1587,1961,1962,1964,1966,1968,1970,1972,1975,1977],{"class":1589,"line":1781},[1587,1963,1632],{"class":1593},[1587,1965,1562],{"class":1597},[1587,1967,1612],{"class":1611},[1587,1969,1615],{"class":1593},[1587,1971,1618],{"class":1593},[1587,1973,1974],{"class":1621},"bg-default rounded-lg p-6 shadow",[1587,1976,1618],{"class":1593},[1587,1978,1600],{"class":1593},[1587,1980,1981,1983],{"class":1589,"line":1787},[1587,1982,1884],{"class":1593},[1587,1984,1673],{"class":1597},[1587,1986,1987,1990,1992,1994,1996,1998,2000,2003,2005,2007,2009,2012,2014,2016,2018,2021,2023,2025],{"class":1589,"line":1797},[1587,1988,1989],{"class":1593},"        :",[1587,1991,1533],{"class":1611},[1587,1993,1615],{"class":1593},[1587,1995,1618],{"class":1593},[1587,1997,1688],{"class":1593},[1587,1999,1691],{"class":1593},[1587,2001,2002],{"class":1621},"Fast Scroll",[1587,2004,1691],{"class":1593},[1587,2006,1699],{"class":1593},[1587,2008,1691],{"class":1593},[1587,2010,2011],{"class":1621},"Medium Speed",[1587,2013,1691],{"class":1593},[1587,2015,1699],{"class":1593},[1587,2017,1691],{"class":1593},[1587,2019,2020],{"class":1621},"Slow Motion",[1587,2022,1691],{"class":1593},[1587,2024,1709],{"class":1593},[1587,2026,1712],{"class":1593},[1587,2028,2030,2032,2034,2036,2038,2041],{"class":1589,"line":2029},15,[1587,2031,1989],{"class":1593},[1587,2033,1547],{"class":1611},[1587,2035,1615],{"class":1593},[1587,2037,1618],{"class":1593},[1587,2039,2040],{"class":1726},"75",[1587,2042,1712],{"class":1593},[1587,2044,2046,2049,2051,2053,2056],{"class":1589,"line":2045},16,[1587,2047,2048],{"class":1611},"        class",[1587,2050,1615],{"class":1593},[1587,2052,1618],{"class":1593},[1587,2054,2055],{"class":1621},"text-3xl font-bold text-center",[1587,2057,1712],{"class":1593},[1587,2059,2061],{"class":1589,"line":2060},17,[1587,2062,2063],{"class":1593},"      \u002F>\n",[1587,2065,2067,2069,2071],{"class":1589,"line":2066},18,[1587,2068,1661],{"class":1593},[1587,2070,1562],{"class":1597},[1587,2072,1600],{"class":1593},[1587,2074,2076],{"class":1589,"line":2075},19,[1587,2077,1959],{"emptyLinePlaceholder":1958},[1587,2079,2081,2083,2085,2087,2089,2091,2094,2096],{"class":1589,"line":2080},20,[1587,2082,1632],{"class":1593},[1587,2084,1562],{"class":1597},[1587,2086,1612],{"class":1611},[1587,2088,1615],{"class":1593},[1587,2090,1618],{"class":1593},[1587,2092,2093],{"class":1621},"mt-6 flex justify-center",[1587,2095,1618],{"class":1593},[1587,2097,1600],{"class":1593},[1587,2099,2101,2103],{"class":1589,"line":2100},21,[1587,2102,1884],{"class":1593},[1587,2104,2105],{"class":1597},"UButton\n",[1587,2107,2109,2112,2114,2116,2119],{"class":1589,"line":2108},22,[1587,2110,2111],{"class":1611},"        color",[1587,2113,1615],{"class":1593},[1587,2115,1618],{"class":1593},[1587,2117,2118],{"class":1621},"primary",[1587,2120,1712],{"class":1593},[1587,2122,2124,2127,2129,2131,2134],{"class":1589,"line":2123},23,[1587,2125,2126],{"class":1611},"        variant",[1587,2128,1615],{"class":1593},[1587,2130,1618],{"class":1593},[1587,2132,2133],{"class":1621},"solid",[1587,2135,1712],{"class":1593},[1587,2137,2139,2142,2144,2146,2149],{"class":1589,"line":2138},24,[1587,2140,2141],{"class":1611},"        size",[1587,2143,1615],{"class":1593},[1587,2145,1618],{"class":1593},[1587,2147,2148],{"class":1621},"sm",[1587,2150,1712],{"class":1593},[1587,2152,2154],{"class":1589,"line":2153},25,[1587,2155,2156],{"class":1593},"      >\n",[1587,2158,2160,2163],{"class":1589,"line":2159},26,[1587,2161,2162],{"class":1593},"        \u003C",[1587,2164,2165],{"class":1597},"UIcon\n",[1587,2167,2169,2172,2174,2176,2179],{"class":1589,"line":2168},27,[1587,2170,2171],{"class":1611},"          name",[1587,2173,1615],{"class":1593},[1587,2175,1618],{"class":1593},[1587,2177,2178],{"class":1621},"i-lucide-mouse",[1587,2180,1712],{"class":1593},[1587,2182,2184,2187,2189,2191,2194],{"class":1589,"line":2183},28,[1587,2185,2186],{"class":1611},"          class",[1587,2188,1615],{"class":1593},[1587,2190,1618],{"class":1593},[1587,2192,2193],{"class":1621},"w-4 h-4 mr-2",[1587,2195,1712],{"class":1593},[1587,2197,2199],{"class":1589,"line":2198},29,[1587,2200,2201],{"class":1593},"        \u002F>\n",[1587,2203,2205],{"class":1589,"line":2204},30,[1587,2206,2207],{"class":1654},"        Try Scrolling\n",[1587,2209,2211,2213,2216],{"class":1589,"line":2210},31,[1587,2212,1909],{"class":1593},[1587,2214,2215],{"class":1597},"UButton",[1587,2217,1600],{"class":1593},[1587,2219,2221,2223,2225],{"class":1589,"line":2220},32,[1587,2222,1661],{"class":1593},[1587,2224,1562],{"class":1597},[1587,2226,1600],{"class":1593},[1587,2228,2230,2232,2234],{"class":1589,"line":2229},33,[1587,2231,1790],{"class":1593},[1587,2233,1562],{"class":1597},[1587,2235,1600],{"class":1593},[1587,2237,2239,2241,2243],{"class":1589,"line":2238},34,[1587,2240,1800],{"class":1593},[1587,2242,1575],{"class":1597},[1587,2244,1600],{"class":1593},[1635,2246,2248],{"id":2247},"velocity-mapping-and-copies","Velocity mapping and copies",[1520,2250,2251,2254,2255,2258],{},[1524,2252,2253],{},"velocityMapping"," remaps the smoothed scroll velocity into a speed multiplier, so\nyou can make the effect more or less sensitive. ",[1524,2256,2257],{},"numCopies"," sets how many times\neach phrase is repeated inside its row — raise it for very wide screens so the\nline never runs out of text.",[1558,2260,2261,2267],{"label":1560},[1562,2262,1569,2264],{"className":2263},[1565,1566,1567,1568],[1571,2265],{"name":2266},"scroll-velocity-mapping",[1575,2268,2269],{"v-slot:code":1577},[1579,2270,2272],{"className":1581,"code":2271,"language":1583,"meta":1577,"style":1577},"\u003Ctemplate>\n  \u003Cdiv class=\"space-y-4\">\n    \u003CMScrollVelocity\n      :texts=\"['Velocity mapping']\"\n      :velocity=\"120\"\n      :num-copies=\"4\"\n      :velocity-mapping=\"{ input: [0, 500], output: [0, 8] }\"\n      :damping=\"40\"\n      :stiffness=\"500\"\n      scroller-class=\"text-3xl font-semibold\"\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,2273,2274,2282,2301,2307,2330,2345,2360,2408,2423,2437,2451,2455,2463],{"__ignoreMap":1577},[1587,2275,2276,2278,2280],{"class":1589,"line":1590},[1587,2277,1594],{"class":1593},[1587,2279,1575],{"class":1597},[1587,2281,1600],{"class":1593},[1587,2283,2284,2286,2288,2290,2292,2294,2297,2299],{"class":1589,"line":1603},[1587,2285,1606],{"class":1593},[1587,2287,1562],{"class":1597},[1587,2289,1612],{"class":1611},[1587,2291,1615],{"class":1593},[1587,2293,1618],{"class":1593},[1587,2295,2296],{"class":1621},"space-y-4",[1587,2298,1618],{"class":1593},[1587,2300,1600],{"class":1593},[1587,2302,2303,2305],{"class":1589,"line":1629},[1587,2304,1632],{"class":1593},[1587,2306,1673],{"class":1597},[1587,2308,2309,2311,2313,2315,2317,2319,2321,2324,2326,2328],{"class":1589,"line":1651},[1587,2310,1679],{"class":1593},[1587,2312,1533],{"class":1611},[1587,2314,1615],{"class":1593},[1587,2316,1618],{"class":1593},[1587,2318,1688],{"class":1593},[1587,2320,1691],{"class":1593},[1587,2322,2323],{"class":1621},"Velocity mapping",[1587,2325,1691],{"class":1593},[1587,2327,1709],{"class":1593},[1587,2329,1712],{"class":1593},[1587,2331,2332,2334,2336,2338,2340,2343],{"class":1589,"line":1658},[1587,2333,1679],{"class":1593},[1587,2335,1547],{"class":1611},[1587,2337,1615],{"class":1593},[1587,2339,1618],{"class":1593},[1587,2341,2342],{"class":1726},"120",[1587,2344,1712],{"class":1593},[1587,2346,2347,2349,2351,2353,2355,2358],{"class":1589,"line":1668},[1587,2348,1679],{"class":1593},[1587,2350,1769],{"class":1611},[1587,2352,1615],{"class":1593},[1587,2354,1618],{"class":1593},[1587,2356,2357],{"class":1726},"4",[1587,2359,1712],{"class":1593},[1587,2361,2362,2364,2367,2369,2371,2374,2377,2380,2383,2385,2388,2391,2394,2396,2398,2400,2403,2406],{"class":1589,"line":1676},[1587,2363,1679],{"class":1593},[1587,2365,2366],{"class":1611},"velocity-mapping",[1587,2368,1615],{"class":1593},[1587,2370,1618],{"class":1593},[1587,2372,2373],{"class":1593},"{ ",[1587,2375,2376],{"class":1597},"input",[1587,2378,2379],{"class":1593},": [",[1587,2381,2382],{"class":1726},"0",[1587,2384,1699],{"class":1593},[1587,2386,2387],{"class":1726},"500",[1587,2389,2390],{"class":1593},"], ",[1587,2392,2393],{"class":1597},"output",[1587,2395,2379],{"class":1593},[1587,2397,2382],{"class":1726},[1587,2399,1699],{"class":1593},[1587,2401,2402],{"class":1726},"8",[1587,2404,2405],{"class":1593},"] }",[1587,2407,1712],{"class":1593},[1587,2409,2410,2412,2414,2416,2418,2421],{"class":1589,"line":1715},[1587,2411,1679],{"class":1593},[1587,2413,1551],{"class":1611},[1587,2415,1615],{"class":1593},[1587,2417,1618],{"class":1593},[1587,2419,2420],{"class":1726},"40",[1587,2422,1712],{"class":1593},[1587,2424,2425,2427,2429,2431,2433,2435],{"class":1589,"line":1732},[1587,2426,1679],{"class":1593},[1587,2428,1555],{"class":1611},[1587,2430,1615],{"class":1593},[1587,2432,1618],{"class":1593},[1587,2434,2387],{"class":1726},[1587,2436,1712],{"class":1593},[1587,2438,2439,2442,2444,2446,2449],{"class":1589,"line":1748},[1587,2440,2441],{"class":1611},"      scroller-class",[1587,2443,1615],{"class":1593},[1587,2445,1618],{"class":1593},[1587,2447,2448],{"class":1621},"text-3xl font-semibold",[1587,2450,1712],{"class":1593},[1587,2452,2453],{"class":1589,"line":1764},[1587,2454,1784],{"class":1593},[1587,2456,2457,2459,2461],{"class":1589,"line":1781},[1587,2458,1790],{"class":1593},[1587,2460,1562],{"class":1597},[1587,2462,1600],{"class":1593},[1587,2464,2465,2467,2469],{"class":1589,"line":1787},[1587,2466,1800],{"class":1593},[1587,2468,1575],{"class":1597},[1587,2470,1600],{"class":1593},[1635,2472,2474],{"id":2473},"styling-hooks","Styling hooks",[1520,2476,2477,1699,2480,1699,2483,2486,2487,2490],{},[1524,2478,2479],{},"parallaxClass",[1524,2481,2482],{},"scrollerClass",[1524,2484,2485],{},"parallaxStyle"," and ",[1524,2488,2489],{},"scrollerStyle"," reach the\ninner wrapper and the moving row, so you can restyle either without overriding\nthe theme globally.",[1558,2492,2493,2499],{"label":1560},[1562,2494,1569,2496],{"className":2495},[1565,1566,1567,1568],[1571,2497],{"name":2498},"scroll-velocity-styling",[1575,2500,2501],{"v-slot:code":1577},[1579,2502,2504],{"className":1581,"code":2503,"language":1583,"meta":1577,"style":1577},"\u003Ctemplate>\n  \u003Cdiv class=\"space-y-6\">\n    \u003CMScrollVelocity\n      :texts=\"['Styled with the theme hooks']\"\n      :velocity=\"80\"\n      class=\"rounded-xl bg-default\"\n      parallax-class=\"py-4\"\n      scroller-class=\"text-3xl tracking-tight\"\n      :parallax-style=\"{ background: 'linear-gradient(90deg, transparent, var(--ui-bg-muted), transparent)' }\"\n      :scroller-style=\"{ opacity: 0.85 }\"\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,2505,2506,2514,2533,2539,2562,2577,2591,2605,2618,2649,2674,2678,2686],{"__ignoreMap":1577},[1587,2507,2508,2510,2512],{"class":1589,"line":1590},[1587,2509,1594],{"class":1593},[1587,2511,1575],{"class":1597},[1587,2513,1600],{"class":1593},[1587,2515,2516,2518,2520,2522,2524,2526,2529,2531],{"class":1589,"line":1603},[1587,2517,1606],{"class":1593},[1587,2519,1562],{"class":1597},[1587,2521,1612],{"class":1611},[1587,2523,1615],{"class":1593},[1587,2525,1618],{"class":1593},[1587,2527,2528],{"class":1621},"space-y-6",[1587,2530,1618],{"class":1593},[1587,2532,1600],{"class":1593},[1587,2534,2535,2537],{"class":1589,"line":1629},[1587,2536,1632],{"class":1593},[1587,2538,1673],{"class":1597},[1587,2540,2541,2543,2545,2547,2549,2551,2553,2556,2558,2560],{"class":1589,"line":1651},[1587,2542,1679],{"class":1593},[1587,2544,1533],{"class":1611},[1587,2546,1615],{"class":1593},[1587,2548,1618],{"class":1593},[1587,2550,1688],{"class":1593},[1587,2552,1691],{"class":1593},[1587,2554,2555],{"class":1621},"Styled with the theme hooks",[1587,2557,1691],{"class":1593},[1587,2559,1709],{"class":1593},[1587,2561,1712],{"class":1593},[1587,2563,2564,2566,2568,2570,2572,2575],{"class":1589,"line":1658},[1587,2565,1679],{"class":1593},[1587,2567,1547],{"class":1611},[1587,2569,1615],{"class":1593},[1587,2571,1618],{"class":1593},[1587,2573,2574],{"class":1726},"80",[1587,2576,1712],{"class":1593},[1587,2578,2579,2582,2584,2586,2589],{"class":1589,"line":1668},[1587,2580,2581],{"class":1611},"      class",[1587,2583,1615],{"class":1593},[1587,2585,1618],{"class":1593},[1587,2587,2588],{"class":1621},"rounded-xl bg-default",[1587,2590,1712],{"class":1593},[1587,2592,2593,2596,2598,2600,2603],{"class":1589,"line":1676},[1587,2594,2595],{"class":1611},"      parallax-class",[1587,2597,1615],{"class":1593},[1587,2599,1618],{"class":1593},[1587,2601,2602],{"class":1621},"py-4",[1587,2604,1712],{"class":1593},[1587,2606,2607,2609,2611,2613,2616],{"class":1589,"line":1715},[1587,2608,2441],{"class":1611},[1587,2610,1615],{"class":1593},[1587,2612,1618],{"class":1593},[1587,2614,2615],{"class":1621},"text-3xl tracking-tight",[1587,2617,1712],{"class":1593},[1587,2619,2620,2622,2625,2627,2629,2631,2634,2637,2639,2642,2644,2647],{"class":1589,"line":1732},[1587,2621,1679],{"class":1593},[1587,2623,2624],{"class":1611},"parallax-style",[1587,2626,1615],{"class":1593},[1587,2628,1618],{"class":1593},[1587,2630,2373],{"class":1593},[1587,2632,2633],{"class":1597},"background",[1587,2635,2636],{"class":1593},": ",[1587,2638,1691],{"class":1593},[1587,2640,2641],{"class":1621},"linear-gradient(90deg, transparent, var(--ui-bg-muted), transparent)",[1587,2643,1691],{"class":1593},[1587,2645,2646],{"class":1593}," }",[1587,2648,1712],{"class":1593},[1587,2650,2651,2653,2656,2658,2660,2662,2665,2667,2670,2672],{"class":1589,"line":1748},[1587,2652,1679],{"class":1593},[1587,2654,2655],{"class":1611},"scroller-style",[1587,2657,1615],{"class":1593},[1587,2659,1618],{"class":1593},[1587,2661,2373],{"class":1593},[1587,2663,2664],{"class":1597},"opacity",[1587,2666,2636],{"class":1593},[1587,2668,2669],{"class":1726},"0.85",[1587,2671,2646],{"class":1593},[1587,2673,1712],{"class":1593},[1587,2675,2676],{"class":1589,"line":1764},[1587,2677,1784],{"class":1593},[1587,2679,2680,2682,2684],{"class":1589,"line":1781},[1587,2681,1790],{"class":1593},[1587,2683,1562],{"class":1597},[1587,2685,1600],{"class":1593},[1587,2687,2688,2690,2692],{"class":1589,"line":1787},[1587,2689,1800],{"class":1593},[1587,2691,1575],{"class":1597},[1587,2693,1600],{"class":1593},[1536,2695,2697],{"id":2696},"customize","Customize",[1520,2699,2700,2701,1699,2703,1699,2705,1699,2707,2486,2709,2711],{},"Adjust ",[1524,2702,1533],{},[1524,2704,1547],{},[1524,2706,1551],{},[1524,2708,1555],{},[1524,2710,2257],{}," live in the\nplayground below.",[1558,2713,2714,2720],{"label":1560},[1562,2715,1569,2717],{"className":2716},[1567],[1571,2718],{"name":2719},"scroll-velocity-custom",[1575,2721,2722],{"v-slot:code":1577},[2723,2724],"playground-code",{"name":2725},"ScrollVelocity",[1536,2727,2729],{"id":2728},"props","Props",[2731,2732,2733,2739,2743,2746,2749,2752,2770,2779,2788,2791,2796,2803],"component-props",{},[2734,2735,2738],"component-prop",{"name":1533,"type":2736,"default":2737},"string[]","[]","The phrases to display. Each becomes its own row; odd rows travel against even\nrows.",[2734,2740,2742],{"name":1547,"type":2741,"default":1727},"number","Base velocity of the animation, in pixels per second. Rows alternate the sign of\nthis value.",[2734,2744,2745],{"name":1551,"type":2741,"default":1743},"Damping factor for the internal velocity spring. Higher values settle the speed\nmore quickly and reduce wobble.",[2734,2747,2748],{"name":1555,"type":2741,"default":1759},"Stiffness factor for the internal velocity spring. Higher values make the row\nrespond to changes in scroll speed more aggressively.",[2734,2750,2751],{"name":2257,"type":2741,"default":1776},"How many copies of each phrase are rendered inside a row. Raise it for wide\nviewports so the row never shows a gap.",[2734,2753,2756,2757,2759,2760,2762,2763,2765,2766,2769],{"name":2253,"type":2754,"default":2755},"{ input: [number, number], output: [number, number] }","{ input: [0, 1000], output: [0, 5] }","Remaps the smoothed scroll velocity into a speed multiplier. The ",[1524,2758,2376],{}," range\nis the raw velocity and ",[1524,2761,2393],{}," the multiplier applied on top of ",[1524,2764,1547],{},";\nwith the default, a fast scroll can multiply the movement up to ",[1524,2767,2768],{},"5×",".",[2734,2771,2774,2775,2778],{"name":2772,"type":2773},"scrollContainerRef","any","Declared for parity with the React primitive and forwarded to each row, but the\ncurrent implementation reads ",[1524,2776,2777],{},"window.scrollY"," directly, so the velocity always\nreacts to page scroll regardless of this value. Treat it as inert.",[2734,2780,2783,2784,2787],{"name":2479,"type":2781,"default":2782},"string","''","Classes merged onto the inner parallax wrapper (",[1524,2785,2786],{},"relative overflow-hidden"," from\nthe theme), the element that clips each row.",[2734,2789,2790],{"name":2482,"type":2781,"default":2782},"Classes merged onto the moving row. Override this to change the typography the\ntheme applies.",[2734,2792,2795],{"name":2485,"type":2793,"default":2794},"object","{}","Inline styles for the parallax wrapper.",[2734,2797,2798,2799,2802],{"name":2489,"type":2793,"default":2794},"Inline styles for the moving row, merged after the ",[1524,2800,2801],{},"translateX"," transform.",[2734,2804,2806,2807,2769],{"name":2805,"type":2781},"class","Merged onto the root ",[1524,2808,2809],{},"\u003Csection>",[1536,2811,2813],{"id":2812},"ui","UI",[1520,2815,2816,2817,2823,2824,2827,2828,2769],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2818,2819,2820,2822],"a",{"href":21},[1524,2821,2812],{}," prop",", or app-wide under ",[1524,2825,2826],{},"ui.scrollVelocity"," in ",[1524,2829,2830],{},"app.config.ts",[2731,2832,2833],{},[2734,2834,2835],{"name":2812,"type":2793},"Per-slot classes merged over the theme defaults.",[2837,2838,2839,2843,2848,2854],"component-slots",{},[2840,2841],"component-slot-row",{"name":2842},"root",[2840,2844,2846],{"name":2845},"parallax",[1524,2847,2786],{},[2840,2849,2851],{"name":2850},"scroller",[1524,2852,2853],{},"flex whitespace-nowrap text-center font-sans text-4xl font-bold tracking-[-0.02em] drop-shadow md:text-[5rem] md:leading-[5rem]",[2840,2855,2857],{"name":2856},"text",[1524,2858,2859],{},"flex-shrink-0",[1536,2861,2863],{"id":2862},"accessibility","Accessibility",[1520,2865,2866,2867,2869,2870,2872,2873,2875],{},"The rows are plain, animated ",[1524,2868,1587],{},"s inside a ",[1524,2871,2809],{},". There are no ARIA\nattributes, roles or live regions, and because the text is duplicated ",[1524,2874,2257],{},"\ntimes, the same phrase appears many times in the accessibility tree. A screen\nreader reads every copy.",[1520,2877,2878,2879,2882,2883,2885],{},"There is no ",[1524,2880,2881],{},"prefers-reduced-motion"," handling: the ",[1524,2884,1526],{}," loop\nruns for every user, and because a row moves on its own even without scrolling, a\nmotion-sensitive user has no way to stop it from props alone. Keep these bands\ndecorative and out of the primary reading path, and if the content is meaningful,\nprovide it as static text elsewhere.",[1536,2887,2889],{"id":2888},"performance","Performance",[2891,2892,2893,2908,2919,2924,2931],"ul",{},[2894,2895,2896,2897,2900,2901,2904,2905,2907],"li",{},"Each row runs a ",[1524,2898,2899],{},"useRafFn"," loop that updates a single ",[1524,2902,2903],{},"baseX"," counter and writes\na ",[1524,2906,2801],{}," transform. The work per frame is arithmetic, not measurement.",[2894,2909,2910,2911,2914,2915,2918],{},"The only measurement is the width of the first copy (",[1524,2912,2913],{},"offsetWidth","), read once\non mount and on window ",[1524,2916,2917],{},"resize"," — never per frame.",[2894,2920,2921,2923],{},[1524,2922,2899],{}," pauses automatically when the tab is hidden, so a backgrounded page\ncosts nothing.",[2894,2925,2926,2927,2930],{},"The rows animate ",[1524,2928,2929],{},"transform"," only, so the compositor can run them off the main\nthread and no frame triggers layout.",[2894,2932,2933,2934,2937,2938,2941],{},"The velocity spring is a hand-rolled simulation (",[1524,2935,2936],{},"stiffness \u002F 1000"," and\n",[1524,2939,2940],{},"damping \u002F 1000"," per frame) rather than a Motion spring, which keeps the whole\ncomponent dependency-free at runtime.",[1536,2943,2945],{"id":2944},"how-the-velocity-works","How the velocity works",[1520,2947,2948,2949,2951,2952,2955,2956,2959,2960,2962],{},"Each frame the row reads ",[1524,2950,2777],{},", subtracts the previous value and\nmultiplies by ",[1524,2953,2954],{},"60"," to get a per-second figure. That raw velocity is smoothed by\nthe spring to produce ",[1524,2957,2958],{},"smoothVelocity",", which ",[1524,2961,2253],{}," then rescales into\na multiplier. The multiplier is added to the base movement, and its sign decides\nthe direction the row travels:",[1579,2964,2968],{"className":2965,"code":2966,"language":2967,"meta":1577,"style":1577},"language-txt shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","moveBy  = direction × velocity × (delta \u002F 1000)\nmoveBy += direction × moveBy × velocityFactor\n","txt",[1524,2969,2970,2975],{"__ignoreMap":1577},[1587,2971,2972],{"class":1589,"line":1590},[1587,2973,2974],{},"moveBy  = direction × velocity × (delta \u002F 1000)\n",[1587,2976,2977],{"class":1589,"line":1603},[1587,2978,2979],{},"moveBy += direction × moveBy × velocityFactor\n",[1520,2981,2982,2983,2986,2987,2990,2991,2993],{},"So a positive ",[1524,2984,2985],{},"velocityFactor"," speeds the row up in its current direction, and a\nnegative one flips ",[1524,2988,2989],{},"directionFactor"," and sends it the other way. ",[1524,2992,1547],{}," is the\nfloor — the row keeps drifting at that speed even when the page is still.",[1520,2995,2996,2997,2486,3000,3002,3003,3005],{},"Because the position is wrapped between ",[1524,2998,2999],{},"-copyWidth",[1524,3001,2382],{},", the row can scroll\nforever without its ",[1524,3004,2903],{}," value growing unbounded.",[3007,3008,3009],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":1577,"searchDepth":1603,"depth":1603,"links":3011},[3012,3013,3018,3019,3020,3021,3022,3023],{"id":1538,"depth":1603,"text":16},{"id":1807,"depth":1603,"text":1808,"children":3014},[3015,3016,3017],{"id":1811,"depth":1629,"text":1812},{"id":2247,"depth":1629,"text":2248},{"id":2473,"depth":1629,"text":2474},{"id":2696,"depth":1603,"text":2697},{"id":2728,"depth":1603,"text":2729},{"id":2812,"depth":1603,"text":2813},{"id":2862,"depth":1603,"text":2863},{"id":2888,"depth":1603,"text":2889},{"id":2944,"depth":1603,"text":2945},"Text that drifts and accelerates with the speed and direction of your scroll.","md",null,{},{"title":1035,"description":3024},"LMI9R8CMyd4VP9ksDoaCBy4HLhtF1WI4vq97OXmiVFw",[3031,3033],{"title":1031,"path":1032,"stem":1033,"description":3032,"children":-1},"A bar whose horizontal scale follows scroll progress, tracking the window or any scroll container.",{"title":1039,"path":1040,"stem":1041,"description":3034,"children":-1},"An SVG path that draws itself as you scroll, with an optional marker riding the stroke.",1793501817509]