[{"data":1,"prerenderedAt":3519},["ShallowReactive",2],{"navigation_docs":3,"-components-scroll-kinetic-type-scroll":1514,"-components-scroll-kinetic-type-scroll-surround":3514},[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":1019,"body":1516,"description":3508,"extension":3509,"links":3510,"meta":3511,"navigation":1795,"path":1020,"seo":3512,"stem":1021,"__hash__":3513},"docs\u002F3.components\u002Fscroll\u002Fkinetic-type-scroll.md",{"type":1517,"value":1518,"toc":3495},"minimark",[1519,1523,1540,1544,1575,1949,1953,1958,1969,2410,2414,2429,3024,3028,3038,3052,3056,3150,3154,3171,3177,3193,3197,3219,3233,3237,3326,3336,3340,3352,3478,3491],[1520,1521,1522],"p",{},"A phrase whose words each animate on their own slice of a shared scroll progress\nvalue. As you scroll, a soft wave travels through the line: each word scales up,\ngains letter-spacing and optical weight, lifts off the baseline and comes back\nto full opacity at its peak, then returns to rest.",[1520,1524,1525,1526,1530,1531,1535,1536,1539],{},"Every word receives the same ",[1527,1528,1529],"code",{},"scrollYProgress"," and derives its own window from\nits index. The windows deliberately ",[1532,1533,1534],"strong",{},"overlap"," (",[1527,1537,1538],{},"WINDOW_OVERLAP = 1.2","), and\neach word's intensity is a triangle that peaks at the centre of its window and\nfalls to zero at both edges. That overlap is the whole trick: it is what turns a\nrow of independent pulses into one crest moving through the phrase.",[1541,1542,16],"h2",{"id":1543},"usage",[1520,1545,1546,1547,1550,1551,1554,1555,1558,1559,1562,1563,1566,1567,1570,1571,1574],{},"Pass ",[1527,1548,1549],{},"words"," as an array and let the phrase sit inside a scrollable container\ntaller than the phrase itself. If you want to drive the effect from a specific\nscroller rather than the window, pass ",[1527,1552,1553],{},"container"," ",[1532,1556,1557],{},"as a getter"," —\n",[1527,1560,1561],{},":container=\"() => panelRef\"",", never ",[1527,1564,1565],{},":container=\"panelRef\"",". A plain binding is\nunwrapped by the template and captured as ",[1527,1568,1569],{},"null"," during setup, after which\nnothing re-reads it and ",[1527,1572,1573],{},"useScroll"," silently falls back to the document.",[1576,1577,1579,1592],"code-preview",{"label":1578},"Preview",[1580,1581,1587,1588],"div",{"className":1582},[1583,1584,1585,1586],"flex","justify-center","w-full","h-full","  ",[1589,1590],"component-example",{"name":1591},"kinetic-type-scroll-basic",[1593,1594,1596],"template",{"v-slot:code":1595},"",[1597,1598,1602],"pre",{"className":1599,"code":1600,"language":1601,"meta":1595,"style":1595},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv\n    ref=\"panelRef\"\n    class=\"h-72 w-full max-w-md overflow-y-auto rounded-2xl border border-default bg-muted\u002F20\"\n  >\n    \u003Cdiv class=\"flex h-96 items-center\">\n      \u003CMKineticTypeScroll\n        :container=\"() => panelRef\"\n        :words=\"words\"\n        class=\"px-6 text-3xl font-semibold\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst panelRef = ref\u003CHTMLElement | null>(null)\nconst words = ['Scroll', 'to', 'set', 'the', 'phrase', 'in', 'motion']\n\u003C\u002Fscript>\n","vue",[1527,1603,1604,1619,1628,1648,1663,1669,1691,1700,1724,1739,1754,1760,1770,1780,1790,1797,1822,1860,1940],{"__ignoreMap":1595},[1605,1606,1609,1613,1616],"span",{"class":1607,"line":1608},"line",1,[1605,1610,1612],{"class":1611},"sMK4o","\u003C",[1605,1614,1593],{"class":1615},"swJcz",[1605,1617,1618],{"class":1611},">\n",[1605,1620,1622,1625],{"class":1607,"line":1621},2,[1605,1623,1624],{"class":1611},"  \u003C",[1605,1626,1627],{"class":1615},"div\n",[1605,1629,1631,1635,1638,1641,1645],{"class":1607,"line":1630},3,[1605,1632,1634],{"class":1633},"spNyl","    ref",[1605,1636,1637],{"class":1611},"=",[1605,1639,1640],{"class":1611},"\"",[1605,1642,1644],{"class":1643},"sfazB","panelRef",[1605,1646,1647],{"class":1611},"\"\n",[1605,1649,1651,1654,1656,1658,1661],{"class":1607,"line":1650},4,[1605,1652,1653],{"class":1633},"    class",[1605,1655,1637],{"class":1611},[1605,1657,1640],{"class":1611},[1605,1659,1660],{"class":1643},"h-72 w-full max-w-md overflow-y-auto rounded-2xl border border-default bg-muted\u002F20",[1605,1662,1647],{"class":1611},[1605,1664,1666],{"class":1607,"line":1665},5,[1605,1667,1668],{"class":1611},"  >\n",[1605,1670,1672,1675,1677,1680,1682,1684,1687,1689],{"class":1607,"line":1671},6,[1605,1673,1674],{"class":1611},"    \u003C",[1605,1676,1580],{"class":1615},[1605,1678,1679],{"class":1633}," class",[1605,1681,1637],{"class":1611},[1605,1683,1640],{"class":1611},[1605,1685,1686],{"class":1643},"flex h-96 items-center",[1605,1688,1640],{"class":1611},[1605,1690,1618],{"class":1611},[1605,1692,1694,1697],{"class":1607,"line":1693},7,[1605,1695,1696],{"class":1611},"      \u003C",[1605,1698,1699],{"class":1615},"MKineticTypeScroll\n",[1605,1701,1703,1706,1708,1710,1712,1715,1718,1722],{"class":1607,"line":1702},8,[1605,1704,1705],{"class":1611},"        :",[1605,1707,1553],{"class":1633},[1605,1709,1637],{"class":1611},[1605,1711,1640],{"class":1611},[1605,1713,1714],{"class":1611},"() ",[1605,1716,1717],{"class":1633},"=>",[1605,1719,1721],{"class":1720},"sTEyZ"," panelRef",[1605,1723,1647],{"class":1611},[1605,1725,1727,1729,1731,1733,1735,1737],{"class":1607,"line":1726},9,[1605,1728,1705],{"class":1611},[1605,1730,1549],{"class":1633},[1605,1732,1637],{"class":1611},[1605,1734,1640],{"class":1611},[1605,1736,1549],{"class":1720},[1605,1738,1647],{"class":1611},[1605,1740,1742,1745,1747,1749,1752],{"class":1607,"line":1741},10,[1605,1743,1744],{"class":1633},"        class",[1605,1746,1637],{"class":1611},[1605,1748,1640],{"class":1611},[1605,1750,1751],{"class":1643},"px-6 text-3xl font-semibold",[1605,1753,1647],{"class":1611},[1605,1755,1757],{"class":1607,"line":1756},11,[1605,1758,1759],{"class":1611},"      \u002F>\n",[1605,1761,1763,1766,1768],{"class":1607,"line":1762},12,[1605,1764,1765],{"class":1611},"    \u003C\u002F",[1605,1767,1580],{"class":1615},[1605,1769,1618],{"class":1611},[1605,1771,1773,1776,1778],{"class":1607,"line":1772},13,[1605,1774,1775],{"class":1611},"  \u003C\u002F",[1605,1777,1580],{"class":1615},[1605,1779,1618],{"class":1611},[1605,1781,1783,1786,1788],{"class":1607,"line":1782},14,[1605,1784,1785],{"class":1611},"\u003C\u002F",[1605,1787,1593],{"class":1615},[1605,1789,1618],{"class":1611},[1605,1791,1793],{"class":1607,"line":1792},15,[1605,1794,1796],{"emptyLinePlaceholder":1795},true,"\n",[1605,1798,1800,1802,1805,1808,1811,1813,1815,1818,1820],{"class":1607,"line":1799},16,[1605,1801,1612],{"class":1611},[1605,1803,1804],{"class":1615},"script",[1605,1806,1807],{"class":1633}," setup",[1605,1809,1810],{"class":1633}," lang",[1605,1812,1637],{"class":1611},[1605,1814,1640],{"class":1611},[1605,1816,1817],{"class":1643},"ts",[1605,1819,1640],{"class":1611},[1605,1821,1618],{"class":1611},[1605,1823,1825,1828,1831,1833,1837,1839,1843,1846,1849,1852,1855,1857],{"class":1607,"line":1824},17,[1605,1826,1827],{"class":1633},"const",[1605,1829,1830],{"class":1720}," panelRef ",[1605,1832,1637],{"class":1611},[1605,1834,1836],{"class":1835},"s2Zo4"," ref",[1605,1838,1612],{"class":1611},[1605,1840,1842],{"class":1841},"sBMFI","HTMLElement",[1605,1844,1845],{"class":1611}," |",[1605,1847,1848],{"class":1841}," null",[1605,1850,1851],{"class":1611},">",[1605,1853,1854],{"class":1720},"(",[1605,1856,1569],{"class":1611},[1605,1858,1859],{"class":1720},")\n",[1605,1861,1863,1865,1868,1870,1873,1876,1879,1881,1884,1887,1890,1892,1894,1896,1899,1901,1903,1905,1908,1910,1912,1914,1917,1919,1921,1923,1926,1928,1930,1932,1935,1937],{"class":1607,"line":1862},18,[1605,1864,1827],{"class":1633},[1605,1866,1867],{"class":1720}," words ",[1605,1869,1637],{"class":1611},[1605,1871,1872],{"class":1720}," [",[1605,1874,1875],{"class":1611},"'",[1605,1877,1878],{"class":1643},"Scroll",[1605,1880,1875],{"class":1611},[1605,1882,1883],{"class":1611},",",[1605,1885,1886],{"class":1611}," '",[1605,1888,1889],{"class":1643},"to",[1605,1891,1875],{"class":1611},[1605,1893,1883],{"class":1611},[1605,1895,1886],{"class":1611},[1605,1897,1898],{"class":1643},"set",[1605,1900,1875],{"class":1611},[1605,1902,1883],{"class":1611},[1605,1904,1886],{"class":1611},[1605,1906,1907],{"class":1643},"the",[1605,1909,1875],{"class":1611},[1605,1911,1883],{"class":1611},[1605,1913,1886],{"class":1611},[1605,1915,1916],{"class":1643},"phrase",[1605,1918,1875],{"class":1611},[1605,1920,1883],{"class":1611},[1605,1922,1886],{"class":1611},[1605,1924,1925],{"class":1643},"in",[1605,1927,1875],{"class":1611},[1605,1929,1883],{"class":1611},[1605,1931,1886],{"class":1611},[1605,1933,1934],{"class":1643},"motion",[1605,1936,1875],{"class":1611},[1605,1938,1939],{"class":1720},"]\n",[1605,1941,1943,1945,1947],{"class":1607,"line":1942},19,[1605,1944,1785],{"class":1611},[1605,1946,1804],{"class":1615},[1605,1948,1618],{"class":1611},[1541,1950,1952],{"id":1951},"examples","Examples",[1954,1955,1957],"h3",{"id":1956},"aligned-to-the-start-centre-or-end","Aligned to the start, centre or end",[1520,1959,1960,1961,1964,1965,1968],{},"The ",[1527,1962,1963],{},"align"," prop maps to a ",[1527,1966,1967],{},"justify-*"," class on the wrapper, positioning the\nphrase within its container. It is most visible when the container is wider than\nthe phrase.",[1576,1970,1971,1977],{"label":1578},[1580,1972,1587,1974],{"className":1973},[1585],[1589,1975],{"name":1976},"kinetic-type-scroll-align",[1593,1978,1979],{"v-slot:code":1595},[1597,1980,1982],{"className":1599,"code":1981,"language":1601,"meta":1595,"style":1595},"\u003Ctemplate>\n  \u003Cdiv class=\"grid gap-4 md:grid-cols-3\">\n    \u003Cdiv\n      v-for=\"sample in samples\"\n      :key=\"sample.align\"\n      class=\"rounded-xl border border-default p-4\"\n    >\n      \u003Cp class=\"mb-2 text-xs uppercase tracking-wide text-dimmed\">\n        align=\"{{ sample.align }}\"\n      \u003C\u002Fp>\n      \u003CMKineticTypeScroll\n        :words=\"sample.words\"\n        :align=\"sample.align\"\n        class=\"text-2xl font-semibold\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst samples = [\n  { align: 'start' as const, words: ['Left', 'aligned', 'wave'] },\n  { align: 'center' as const, words: ['Centre', 'aligned', 'wave'] },\n  { align: 'end' as const, words: ['Right', 'aligned', 'wave'] },\n]\n\u003C\u002Fscript>\n",[1527,1983,1984,1992,2011,2017,2031,2045,2059,2064,2083,2088,2097,2103,2123,2141,2154,2158,2166,2174,2182,2186,2207,2220,2286,2341,2396,2401],{"__ignoreMap":1595},[1605,1985,1986,1988,1990],{"class":1607,"line":1608},[1605,1987,1612],{"class":1611},[1605,1989,1593],{"class":1615},[1605,1991,1618],{"class":1611},[1605,1993,1994,1996,1998,2000,2002,2004,2007,2009],{"class":1607,"line":1621},[1605,1995,1624],{"class":1611},[1605,1997,1580],{"class":1615},[1605,1999,1679],{"class":1633},[1605,2001,1637],{"class":1611},[1605,2003,1640],{"class":1611},[1605,2005,2006],{"class":1643},"grid gap-4 md:grid-cols-3",[1605,2008,1640],{"class":1611},[1605,2010,1618],{"class":1611},[1605,2012,2013,2015],{"class":1607,"line":1630},[1605,2014,1674],{"class":1611},[1605,2016,1627],{"class":1615},[1605,2018,2019,2022,2024,2026,2029],{"class":1607,"line":1650},[1605,2020,2021],{"class":1633},"      v-for",[1605,2023,1637],{"class":1611},[1605,2025,1640],{"class":1611},[1605,2027,2028],{"class":1643},"sample in samples",[1605,2030,1647],{"class":1611},[1605,2032,2033,2036,2038,2040,2043],{"class":1607,"line":1665},[1605,2034,2035],{"class":1633},"      :key",[1605,2037,1637],{"class":1611},[1605,2039,1640],{"class":1611},[1605,2041,2042],{"class":1643},"sample.align",[1605,2044,1647],{"class":1611},[1605,2046,2047,2050,2052,2054,2057],{"class":1607,"line":1671},[1605,2048,2049],{"class":1633},"      class",[1605,2051,1637],{"class":1611},[1605,2053,1640],{"class":1611},[1605,2055,2056],{"class":1643},"rounded-xl border border-default p-4",[1605,2058,1647],{"class":1611},[1605,2060,2061],{"class":1607,"line":1693},[1605,2062,2063],{"class":1611},"    >\n",[1605,2065,2066,2068,2070,2072,2074,2076,2079,2081],{"class":1607,"line":1702},[1605,2067,1696],{"class":1611},[1605,2069,1520],{"class":1615},[1605,2071,1679],{"class":1633},[1605,2073,1637],{"class":1611},[1605,2075,1640],{"class":1611},[1605,2077,2078],{"class":1643},"mb-2 text-xs uppercase tracking-wide text-dimmed",[1605,2080,1640],{"class":1611},[1605,2082,1618],{"class":1611},[1605,2084,2085],{"class":1607,"line":1726},[1605,2086,2087],{"class":1720},"        align=\"{{ sample.align }}\"\n",[1605,2089,2090,2093,2095],{"class":1607,"line":1741},[1605,2091,2092],{"class":1611},"      \u003C\u002F",[1605,2094,1520],{"class":1615},[1605,2096,1618],{"class":1611},[1605,2098,2099,2101],{"class":1607,"line":1756},[1605,2100,1696],{"class":1611},[1605,2102,1699],{"class":1615},[1605,2104,2105,2107,2109,2111,2113,2116,2119,2121],{"class":1607,"line":1762},[1605,2106,1705],{"class":1611},[1605,2108,1549],{"class":1633},[1605,2110,1637],{"class":1611},[1605,2112,1640],{"class":1611},[1605,2114,2115],{"class":1720},"sample",[1605,2117,2118],{"class":1611},".",[1605,2120,1549],{"class":1720},[1605,2122,1647],{"class":1611},[1605,2124,2125,2127,2129,2131,2133,2135,2137,2139],{"class":1607,"line":1772},[1605,2126,1705],{"class":1611},[1605,2128,1963],{"class":1633},[1605,2130,1637],{"class":1611},[1605,2132,1640],{"class":1611},[1605,2134,2115],{"class":1720},[1605,2136,2118],{"class":1611},[1605,2138,1963],{"class":1720},[1605,2140,1647],{"class":1611},[1605,2142,2143,2145,2147,2149,2152],{"class":1607,"line":1782},[1605,2144,1744],{"class":1633},[1605,2146,1637],{"class":1611},[1605,2148,1640],{"class":1611},[1605,2150,2151],{"class":1643},"text-2xl font-semibold",[1605,2153,1647],{"class":1611},[1605,2155,2156],{"class":1607,"line":1792},[1605,2157,1759],{"class":1611},[1605,2159,2160,2162,2164],{"class":1607,"line":1799},[1605,2161,1765],{"class":1611},[1605,2163,1580],{"class":1615},[1605,2165,1618],{"class":1611},[1605,2167,2168,2170,2172],{"class":1607,"line":1824},[1605,2169,1775],{"class":1611},[1605,2171,1580],{"class":1615},[1605,2173,1618],{"class":1611},[1605,2175,2176,2178,2180],{"class":1607,"line":1862},[1605,2177,1785],{"class":1611},[1605,2179,1593],{"class":1615},[1605,2181,1618],{"class":1611},[1605,2183,2184],{"class":1607,"line":1942},[1605,2185,1796],{"emptyLinePlaceholder":1795},[1605,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205],{"class":1607,"line":2188},20,[1605,2190,1612],{"class":1611},[1605,2192,1804],{"class":1615},[1605,2194,1807],{"class":1633},[1605,2196,1810],{"class":1633},[1605,2198,1637],{"class":1611},[1605,2200,1640],{"class":1611},[1605,2202,1817],{"class":1643},[1605,2204,1640],{"class":1611},[1605,2206,1618],{"class":1611},[1605,2208,2210,2212,2215,2217],{"class":1607,"line":2209},21,[1605,2211,1827],{"class":1633},[1605,2213,2214],{"class":1720}," samples ",[1605,2216,1637],{"class":1611},[1605,2218,2219],{"class":1720}," [\n",[1605,2221,2223,2226,2229,2232,2234,2237,2239,2243,2246,2248,2251,2253,2255,2257,2260,2262,2264,2266,2269,2271,2273,2275,2278,2280,2283],{"class":1607,"line":2222},22,[1605,2224,2225],{"class":1611},"  {",[1605,2227,2228],{"class":1615}," align",[1605,2230,2231],{"class":1611},":",[1605,2233,1886],{"class":1611},[1605,2235,2236],{"class":1643},"start",[1605,2238,1875],{"class":1611},[1605,2240,2242],{"class":2241},"s7zQu"," as",[1605,2244,2245],{"class":1633}," const",[1605,2247,1883],{"class":1611},[1605,2249,2250],{"class":1615}," words",[1605,2252,2231],{"class":1611},[1605,2254,1872],{"class":1720},[1605,2256,1875],{"class":1611},[1605,2258,2259],{"class":1643},"Left",[1605,2261,1875],{"class":1611},[1605,2263,1883],{"class":1611},[1605,2265,1886],{"class":1611},[1605,2267,2268],{"class":1643},"aligned",[1605,2270,1875],{"class":1611},[1605,2272,1883],{"class":1611},[1605,2274,1886],{"class":1611},[1605,2276,2277],{"class":1643},"wave",[1605,2279,1875],{"class":1611},[1605,2281,2282],{"class":1720},"] ",[1605,2284,2285],{"class":1611},"},\n",[1605,2287,2289,2291,2293,2295,2297,2300,2302,2304,2306,2308,2310,2312,2314,2316,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339],{"class":1607,"line":2288},23,[1605,2290,2225],{"class":1611},[1605,2292,2228],{"class":1615},[1605,2294,2231],{"class":1611},[1605,2296,1886],{"class":1611},[1605,2298,2299],{"class":1643},"center",[1605,2301,1875],{"class":1611},[1605,2303,2242],{"class":2241},[1605,2305,2245],{"class":1633},[1605,2307,1883],{"class":1611},[1605,2309,2250],{"class":1615},[1605,2311,2231],{"class":1611},[1605,2313,1872],{"class":1720},[1605,2315,1875],{"class":1611},[1605,2317,2318],{"class":1643},"Centre",[1605,2320,1875],{"class":1611},[1605,2322,1883],{"class":1611},[1605,2324,1886],{"class":1611},[1605,2326,2268],{"class":1643},[1605,2328,1875],{"class":1611},[1605,2330,1883],{"class":1611},[1605,2332,1886],{"class":1611},[1605,2334,2277],{"class":1643},[1605,2336,1875],{"class":1611},[1605,2338,2282],{"class":1720},[1605,2340,2285],{"class":1611},[1605,2342,2344,2346,2348,2350,2352,2355,2357,2359,2361,2363,2365,2367,2369,2371,2374,2376,2378,2380,2382,2384,2386,2388,2390,2392,2394],{"class":1607,"line":2343},24,[1605,2345,2225],{"class":1611},[1605,2347,2228],{"class":1615},[1605,2349,2231],{"class":1611},[1605,2351,1886],{"class":1611},[1605,2353,2354],{"class":1643},"end",[1605,2356,1875],{"class":1611},[1605,2358,2242],{"class":2241},[1605,2360,2245],{"class":1633},[1605,2362,1883],{"class":1611},[1605,2364,2250],{"class":1615},[1605,2366,2231],{"class":1611},[1605,2368,1872],{"class":1720},[1605,2370,1875],{"class":1611},[1605,2372,2373],{"class":1643},"Right",[1605,2375,1875],{"class":1611},[1605,2377,1883],{"class":1611},[1605,2379,1886],{"class":1611},[1605,2381,2268],{"class":1643},[1605,2383,1875],{"class":1611},[1605,2385,1883],{"class":1611},[1605,2387,1886],{"class":1611},[1605,2389,2277],{"class":1643},[1605,2391,1875],{"class":1611},[1605,2393,2282],{"class":1720},[1605,2395,2285],{"class":1611},[1605,2397,2399],{"class":1607,"line":2398},25,[1605,2400,1939],{"class":1720},[1605,2402,2404,2406,2408],{"class":1607,"line":2403},26,[1605,2405,1785],{"class":1611},[1605,2407,1804],{"class":1615},[1605,2409,1618],{"class":1611},[1954,2411,2413],{"id":2412},"tuning-the-wave-values","Tuning the wave values",[1520,2415,2416,2417,2420,2421,2424,2425,2428],{},"Every range prop is a ",[1527,2418,2419],{},"[rest, peak]"," tuple. Widen the tuples and tighten ",[1527,2422,2423],{},"stagger","\nfor a dramatic crest, or narrow them for a subtle one. The second example also\nsets an explicit ",[1527,2426,2427],{},"offset"," so the wave plays across a different part of the scroll.",[1576,2430,2431,2437],{"label":1578},[1580,2432,1587,2434],{"className":2433},[1585],[1589,2435],{"name":2436},"kinetic-type-scroll-tuning",[1593,2438,2439],{"v-slot:code":1595},[1597,2440,2442],{"className":1599,"code":2441,"language":1601,"meta":1595,"style":1595},"\u003Ctemplate>\n  \u003Cdiv class=\"space-y-6\">\n    \u003Cdiv class=\"rounded-xl border border-default p-6\">\n      \u003Cp class=\"mb-3 text-sm font-medium text-highlighted\">\n        Gentle\n      \u003C\u002Fp>\n      \u003CMKineticTypeScroll\n        :words=\"['Gentle', 'crest', 'values']\"\n        :stagger=\"0.2\"\n        :scale-range=\"[1, 1.08]\"\n        :lift-range=\"[0, -6]\"\n        :tracking-range=\"[0, 1]\"\n        :dim-range=\"[0.75, 1]\"\n        class=\"text-3xl font-semibold\"\n      \u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"rounded-xl border border-default p-6\">\n      \u003Cp class=\"mb-3 text-sm font-medium text-highlighted\">\n        Dramatic\n      \u003C\u002Fp>\n      \u003CMKineticTypeScroll\n        :words=\"['Dramatic', 'crest', 'values']\"\n        :stagger=\"0.08\"\n        :offset=\"['start 0.95', 'end 0.4']\"\n        :scale-range=\"[0.85, 1.3]\"\n        :lift-range=\"[0, -20]\"\n        :tracking-range=\"[-1, 4]\"\n        :dim-range=\"[0.25, 1]\"\n        :weight-range=\"[300, 900]\"\n        class=\"text-3xl font-semibold\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1527,2443,2444,2452,2471,2490,2509,2514,2522,2528,2572,2588,2613,2639,2662,2686,2699,2703,2711,2715,2733,2751,2756,2764,2770,2809,2824,2856,2880,2904,2929,2953,2979,2992,2997,3006,3015],{"__ignoreMap":1595},[1605,2445,2446,2448,2450],{"class":1607,"line":1608},[1605,2447,1612],{"class":1611},[1605,2449,1593],{"class":1615},[1605,2451,1618],{"class":1611},[1605,2453,2454,2456,2458,2460,2462,2464,2467,2469],{"class":1607,"line":1621},[1605,2455,1624],{"class":1611},[1605,2457,1580],{"class":1615},[1605,2459,1679],{"class":1633},[1605,2461,1637],{"class":1611},[1605,2463,1640],{"class":1611},[1605,2465,2466],{"class":1643},"space-y-6",[1605,2468,1640],{"class":1611},[1605,2470,1618],{"class":1611},[1605,2472,2473,2475,2477,2479,2481,2483,2486,2488],{"class":1607,"line":1630},[1605,2474,1674],{"class":1611},[1605,2476,1580],{"class":1615},[1605,2478,1679],{"class":1633},[1605,2480,1637],{"class":1611},[1605,2482,1640],{"class":1611},[1605,2484,2485],{"class":1643},"rounded-xl border border-default p-6",[1605,2487,1640],{"class":1611},[1605,2489,1618],{"class":1611},[1605,2491,2492,2494,2496,2498,2500,2502,2505,2507],{"class":1607,"line":1650},[1605,2493,1696],{"class":1611},[1605,2495,1520],{"class":1615},[1605,2497,1679],{"class":1633},[1605,2499,1637],{"class":1611},[1605,2501,1640],{"class":1611},[1605,2503,2504],{"class":1643},"mb-3 text-sm font-medium text-highlighted",[1605,2506,1640],{"class":1611},[1605,2508,1618],{"class":1611},[1605,2510,2511],{"class":1607,"line":1665},[1605,2512,2513],{"class":1720},"        Gentle\n",[1605,2515,2516,2518,2520],{"class":1607,"line":1671},[1605,2517,2092],{"class":1611},[1605,2519,1520],{"class":1615},[1605,2521,1618],{"class":1611},[1605,2523,2524,2526],{"class":1607,"line":1693},[1605,2525,1696],{"class":1611},[1605,2527,1699],{"class":1615},[1605,2529,2530,2532,2534,2536,2538,2541,2543,2546,2548,2551,2553,2556,2558,2560,2562,2565,2567,2570],{"class":1607,"line":1702},[1605,2531,1705],{"class":1611},[1605,2533,1549],{"class":1633},[1605,2535,1637],{"class":1611},[1605,2537,1640],{"class":1611},[1605,2539,2540],{"class":1611},"[",[1605,2542,1875],{"class":1611},[1605,2544,2545],{"class":1643},"Gentle",[1605,2547,1875],{"class":1611},[1605,2549,2550],{"class":1611},", ",[1605,2552,1875],{"class":1611},[1605,2554,2555],{"class":1643},"crest",[1605,2557,1875],{"class":1611},[1605,2559,2550],{"class":1611},[1605,2561,1875],{"class":1611},[1605,2563,2564],{"class":1643},"values",[1605,2566,1875],{"class":1611},[1605,2568,2569],{"class":1611},"]",[1605,2571,1647],{"class":1611},[1605,2573,2574,2576,2578,2580,2582,2586],{"class":1607,"line":1726},[1605,2575,1705],{"class":1611},[1605,2577,2423],{"class":1633},[1605,2579,1637],{"class":1611},[1605,2581,1640],{"class":1611},[1605,2583,2585],{"class":2584},"sbssI","0.2",[1605,2587,1647],{"class":1611},[1605,2589,2590,2592,2595,2597,2599,2601,2604,2606,2609,2611],{"class":1607,"line":1741},[1605,2591,1705],{"class":1611},[1605,2593,2594],{"class":1633},"scale-range",[1605,2596,1637],{"class":1611},[1605,2598,1640],{"class":1611},[1605,2600,2540],{"class":1611},[1605,2602,2603],{"class":2584},"1",[1605,2605,2550],{"class":1611},[1605,2607,2608],{"class":2584},"1.08",[1605,2610,2569],{"class":1611},[1605,2612,1647],{"class":1611},[1605,2614,2615,2617,2620,2622,2624,2626,2629,2632,2635,2637],{"class":1607,"line":1756},[1605,2616,1705],{"class":1611},[1605,2618,2619],{"class":1633},"lift-range",[1605,2621,1637],{"class":1611},[1605,2623,1640],{"class":1611},[1605,2625,2540],{"class":1611},[1605,2627,2628],{"class":2584},"0",[1605,2630,2631],{"class":1611},", -",[1605,2633,2634],{"class":2584},"6",[1605,2636,2569],{"class":1611},[1605,2638,1647],{"class":1611},[1605,2640,2641,2643,2646,2648,2650,2652,2654,2656,2658,2660],{"class":1607,"line":1762},[1605,2642,1705],{"class":1611},[1605,2644,2645],{"class":1633},"tracking-range",[1605,2647,1637],{"class":1611},[1605,2649,1640],{"class":1611},[1605,2651,2540],{"class":1611},[1605,2653,2628],{"class":2584},[1605,2655,2550],{"class":1611},[1605,2657,2603],{"class":2584},[1605,2659,2569],{"class":1611},[1605,2661,1647],{"class":1611},[1605,2663,2664,2666,2669,2671,2673,2675,2678,2680,2682,2684],{"class":1607,"line":1772},[1605,2665,1705],{"class":1611},[1605,2667,2668],{"class":1633},"dim-range",[1605,2670,1637],{"class":1611},[1605,2672,1640],{"class":1611},[1605,2674,2540],{"class":1611},[1605,2676,2677],{"class":2584},"0.75",[1605,2679,2550],{"class":1611},[1605,2681,2603],{"class":2584},[1605,2683,2569],{"class":1611},[1605,2685,1647],{"class":1611},[1605,2687,2688,2690,2692,2694,2697],{"class":1607,"line":1782},[1605,2689,1744],{"class":1633},[1605,2691,1637],{"class":1611},[1605,2693,1640],{"class":1611},[1605,2695,2696],{"class":1643},"text-3xl font-semibold",[1605,2698,1647],{"class":1611},[1605,2700,2701],{"class":1607,"line":1792},[1605,2702,1759],{"class":1611},[1605,2704,2705,2707,2709],{"class":1607,"line":1799},[1605,2706,1765],{"class":1611},[1605,2708,1580],{"class":1615},[1605,2710,1618],{"class":1611},[1605,2712,2713],{"class":1607,"line":1824},[1605,2714,1796],{"emptyLinePlaceholder":1795},[1605,2716,2717,2719,2721,2723,2725,2727,2729,2731],{"class":1607,"line":1862},[1605,2718,1674],{"class":1611},[1605,2720,1580],{"class":1615},[1605,2722,1679],{"class":1633},[1605,2724,1637],{"class":1611},[1605,2726,1640],{"class":1611},[1605,2728,2485],{"class":1643},[1605,2730,1640],{"class":1611},[1605,2732,1618],{"class":1611},[1605,2734,2735,2737,2739,2741,2743,2745,2747,2749],{"class":1607,"line":1942},[1605,2736,1696],{"class":1611},[1605,2738,1520],{"class":1615},[1605,2740,1679],{"class":1633},[1605,2742,1637],{"class":1611},[1605,2744,1640],{"class":1611},[1605,2746,2504],{"class":1643},[1605,2748,1640],{"class":1611},[1605,2750,1618],{"class":1611},[1605,2752,2753],{"class":1607,"line":2188},[1605,2754,2755],{"class":1720},"        Dramatic\n",[1605,2757,2758,2760,2762],{"class":1607,"line":2209},[1605,2759,2092],{"class":1611},[1605,2761,1520],{"class":1615},[1605,2763,1618],{"class":1611},[1605,2765,2766,2768],{"class":1607,"line":2222},[1605,2767,1696],{"class":1611},[1605,2769,1699],{"class":1615},[1605,2771,2772,2774,2776,2778,2780,2782,2784,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807],{"class":1607,"line":2288},[1605,2773,1705],{"class":1611},[1605,2775,1549],{"class":1633},[1605,2777,1637],{"class":1611},[1605,2779,1640],{"class":1611},[1605,2781,2540],{"class":1611},[1605,2783,1875],{"class":1611},[1605,2785,2786],{"class":1643},"Dramatic",[1605,2788,1875],{"class":1611},[1605,2790,2550],{"class":1611},[1605,2792,1875],{"class":1611},[1605,2794,2555],{"class":1643},[1605,2796,1875],{"class":1611},[1605,2798,2550],{"class":1611},[1605,2800,1875],{"class":1611},[1605,2802,2564],{"class":1643},[1605,2804,1875],{"class":1611},[1605,2806,2569],{"class":1611},[1605,2808,1647],{"class":1611},[1605,2810,2811,2813,2815,2817,2819,2822],{"class":1607,"line":2343},[1605,2812,1705],{"class":1611},[1605,2814,2423],{"class":1633},[1605,2816,1637],{"class":1611},[1605,2818,1640],{"class":1611},[1605,2820,2821],{"class":2584},"0.08",[1605,2823,1647],{"class":1611},[1605,2825,2826,2828,2830,2832,2834,2836,2838,2841,2843,2845,2847,2850,2852,2854],{"class":1607,"line":2398},[1605,2827,1705],{"class":1611},[1605,2829,2427],{"class":1633},[1605,2831,1637],{"class":1611},[1605,2833,1640],{"class":1611},[1605,2835,2540],{"class":1611},[1605,2837,1875],{"class":1611},[1605,2839,2840],{"class":1643},"start 0.95",[1605,2842,1875],{"class":1611},[1605,2844,2550],{"class":1611},[1605,2846,1875],{"class":1611},[1605,2848,2849],{"class":1643},"end 0.4",[1605,2851,1875],{"class":1611},[1605,2853,2569],{"class":1611},[1605,2855,1647],{"class":1611},[1605,2857,2858,2860,2862,2864,2866,2868,2871,2873,2876,2878],{"class":1607,"line":2403},[1605,2859,1705],{"class":1611},[1605,2861,2594],{"class":1633},[1605,2863,1637],{"class":1611},[1605,2865,1640],{"class":1611},[1605,2867,2540],{"class":1611},[1605,2869,2870],{"class":2584},"0.85",[1605,2872,2550],{"class":1611},[1605,2874,2875],{"class":2584},"1.3",[1605,2877,2569],{"class":1611},[1605,2879,1647],{"class":1611},[1605,2881,2883,2885,2887,2889,2891,2893,2895,2897,2900,2902],{"class":1607,"line":2882},27,[1605,2884,1705],{"class":1611},[1605,2886,2619],{"class":1633},[1605,2888,1637],{"class":1611},[1605,2890,1640],{"class":1611},[1605,2892,2540],{"class":1611},[1605,2894,2628],{"class":2584},[1605,2896,2631],{"class":1611},[1605,2898,2899],{"class":2584},"20",[1605,2901,2569],{"class":1611},[1605,2903,1647],{"class":1611},[1605,2905,2907,2909,2911,2913,2915,2918,2920,2922,2925,2927],{"class":1607,"line":2906},28,[1605,2908,1705],{"class":1611},[1605,2910,2645],{"class":1633},[1605,2912,1637],{"class":1611},[1605,2914,1640],{"class":1611},[1605,2916,2917],{"class":1611},"[-",[1605,2919,2603],{"class":2584},[1605,2921,2550],{"class":1611},[1605,2923,2924],{"class":2584},"4",[1605,2926,2569],{"class":1611},[1605,2928,1647],{"class":1611},[1605,2930,2932,2934,2936,2938,2940,2942,2945,2947,2949,2951],{"class":1607,"line":2931},29,[1605,2933,1705],{"class":1611},[1605,2935,2668],{"class":1633},[1605,2937,1637],{"class":1611},[1605,2939,1640],{"class":1611},[1605,2941,2540],{"class":1611},[1605,2943,2944],{"class":2584},"0.25",[1605,2946,2550],{"class":1611},[1605,2948,2603],{"class":2584},[1605,2950,2569],{"class":1611},[1605,2952,1647],{"class":1611},[1605,2954,2956,2958,2961,2963,2965,2967,2970,2972,2975,2977],{"class":1607,"line":2955},30,[1605,2957,1705],{"class":1611},[1605,2959,2960],{"class":1633},"weight-range",[1605,2962,1637],{"class":1611},[1605,2964,1640],{"class":1611},[1605,2966,2540],{"class":1611},[1605,2968,2969],{"class":2584},"300",[1605,2971,2550],{"class":1611},[1605,2973,2974],{"class":2584},"900",[1605,2976,2569],{"class":1611},[1605,2978,1647],{"class":1611},[1605,2980,2982,2984,2986,2988,2990],{"class":1607,"line":2981},31,[1605,2983,1744],{"class":1633},[1605,2985,1637],{"class":1611},[1605,2987,1640],{"class":1611},[1605,2989,2696],{"class":1643},[1605,2991,1647],{"class":1611},[1605,2993,2995],{"class":1607,"line":2994},32,[1605,2996,1759],{"class":1611},[1605,2998,3000,3002,3004],{"class":1607,"line":2999},33,[1605,3001,1765],{"class":1611},[1605,3003,1580],{"class":1615},[1605,3005,1618],{"class":1611},[1605,3007,3009,3011,3013],{"class":1607,"line":3008},34,[1605,3010,1775],{"class":1611},[1605,3012,1580],{"class":1615},[1605,3014,1618],{"class":1611},[1605,3016,3018,3020,3022],{"class":1607,"line":3017},35,[1605,3019,1785],{"class":1611},[1605,3021,1593],{"class":1615},[1605,3023,1618],{"class":1611},[1541,3025,3027],{"id":3026},"customize","Customize",[1520,3029,3030,3031,2550,3033,2550,3035,3037],{},"Adjust ",[1527,3032,1549],{},[1527,3034,1963],{},[1527,3036,2423],{}," and the range tuples live in the playground\nbelow.",[1576,3039,3040,3046],{"label":1578},[1580,3041,1587,3043],{"className":3042},[1585],[1589,3044],{"name":3045},"kinetic-type-scroll-custom",[1593,3047,3048],{"v-slot:code":1595},[3049,3050],"playground-code",{"name":3051},"KineticTypeScroll",[1541,3053,3055],{"id":3054},"props","Props",[3057,3058,3059,3069,3077,3087,3095,3104,3110,3119,3134,3139,3144],"component-props",{},[3060,3061,3064,3065,3068],"component-prop",{"name":1549,"type":3062,":required":3063},"string[]","true","The phrase, one string per word. Words are rendered as ",[1527,3066,3067],{},"inline-block","\nspans in a flex row, so the phrase wraps naturally on narrow containers — each\nword keeps its own index even after wrapping.",[3060,3070,3073,3074,3076],{"name":1963,"type":3071,"default":3072},"'start' | 'center' | 'end'","'center'","Row alignment of the wrapped phrase, mapped to a ",[1527,3075,1967],{}," class on the\nwrapper.",[3060,3078,3080,3081,3083,3084,3086],{"name":1553,"type":3079},"MaybeComputedElementRef","Optional scrollable ancestor that drives the progress. Must be passed as a\ngetter (",[1527,3082,1561],{},") — see the note above. Left undefined,\n",[1527,3085,1573],{}," measures the nearest scrollable ancestor, which is the document.",[3060,3088,3091,3092,3094],{"name":2427,"type":3089,"default":3090},"ScrollOffset","['start 0.9', 'end 0.45']","Motion scroll-offset tuple forwarded to ",[1527,3093,1573],{},", deciding which part of\nthe container the phrase animates across.",[3060,3096,3099,3100,3103],{"name":2423,"type":3097,"default":3098},"number","0.12","Fractional offset between each word's active window. Capped internally so the\nwave always fits between the ",[1527,3101,3102],{},"WAVE_MARGIN"," (0.14) head and tail room — a long\nphrase compresses its spacing rather than running off the end of the range.",[3060,3105,3109],{"name":3106,"type":3107,"default":3108},"scaleRange","[number, number]","[0.92, 1.18]","Scale at rest vs. at each word's peak.",[3060,3111,3114,3115,3118],{"name":3112,"type":3107,"default":3113},"trackingRange","[-0.5, 2.5]","Letter-spacing in px at rest vs. at peak. Converted to a ",[1527,3116,3117],{},"px"," string at\nruntime, so the values are unitless numbers.",[3060,3120,3123,1554,3126,3129,3130,3133],{"name":3121,"type":3107,"default":3122},"weightRange","[380, 800]",[1527,3124,3125],{},"font-variation-settings",[1527,3127,3128],{},"\"wght\""," at rest vs. at peak, rounded to an integer.\nSilently does nothing unless the active font actually has a ",[1527,3131,3132],{},"wght"," axis — the\ndocs site runs Public Sans, which is not variable, so this prop is inert there.",[3060,3135,3138],{"name":3136,"type":3107,"default":3137},"liftRange","[0, -12]","Vertical offset in px at rest vs. at peak.",[3060,3140,3143],{"name":3141,"type":3107,"default":3142},"dimRange","[0.45, 1]","Opacity at rest vs. at peak.",[3060,3145,3149],{"name":3146,"type":3147,"default":3148},"class","string","''","Merged onto the wrapper after the component's own flex, gap and alignment\nclasses. This is where you set the type size and weight.",[1541,3151,3153],{"id":3152},"ui","UI",[1520,3155,3156,3157,3163,3164,3167,3168,2118],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[3158,3159,3160,3162],"a",{"href":21},[1527,3161,3152],{}," prop",", or app-wide under ",[1527,3165,3166],{},"ui.kineticTypeScroll"," in ",[1527,3169,3170],{},"app.config.ts",[3057,3172,3173],{},[3060,3174,3176],{"name":3152,"type":3175},"object","Per-slot classes merged over the theme defaults.",[3178,3179,3180,3187],"component-slots",{},[3181,3182,3184],"component-slot-row",{"name":3183},"root",[1527,3185,3186],{},"relative flex flex-wrap gap-x-[0.4em] gap-y-[0.18em]",[3181,3188,3190],{"name":3189},"srOnly",[1527,3191,3192],{},"sr-only",[1541,3194,3196],{"id":3195},"accessibility","Accessibility",[1520,3198,3199,3200,3203,3204,3207,3208,3211,3212,3215,3216,3218],{},"The wrapper renders ",[1527,3201,3202],{},"\u003Cspan class=\"sr-only\">{{ words.join(' ') }}\u003C\u002Fspan>"," and\nmarks ",[1532,3205,3206],{},"every"," animated word ",[1527,3209,3210],{},"aria-hidden=\"true\"",". The effect therefore\ncontributes nothing but glyphs to the accessibility tree, and the phrase is read\nonce, as plain text, by a screen reader. This is deliberate: an\n",[1527,3213,3214],{},"aria-label"," on the wrapper ",[1527,3217,1580],{}," would be dropped by assistive tech, which is\nwhy the readable copy is a real element rather than an attribute.",[1520,3220,3221,3222,3225,3226,3229,3230,3232],{},"Under ",[1527,3223,3224],{},"prefers-reduced-motion"," — read via ",[1527,3227,3228],{},"useReducedMotion"," — each word renders\nas a plain ",[1527,3231,1605],{}," at the peak weight with no travel, no dimming and no spring.\nThe phrase is fully readable in its settled state.",[1541,3234,3236],{"id":3235},"performance","Performance",[3238,3239,3240,3255,3283,3301,3316],"ul",{},[3241,3242,3243,3244,3246,3247,3250,3251,3254],"li",{},"One ",[1527,3245,1573],{}," for the whole phrase. Each word's window is a ",[1527,3248,3249],{},"useTransform","\nslice of that single shared ",[1527,3252,3253],{},"MotionValue",", so scrolling costs one measurement\nrather than one per word.",[3241,3256,3257,3258,2550,3261,2550,3264,3267,3268,2550,3271,3274,3275,3278,3279,3282],{},"Four of the five animated values per word (",[1527,3259,3260],{},"scale",[1527,3262,3263],{},"tracking",[1527,3265,3266],{},"weight",",\n",[1527,3269,3270],{},"y",[1527,3272,3273],{},"opacity",") run through ",[1527,3276,3277],{},"useSpring",", which smooths the scroll-linked values\ninto a moving crest instead of snapping word by word. The spring transition is\nshared and near-critically damped (",[1527,3280,3281],{},"bounce: 0",").",[3241,3284,3285,3286,1535,3289,2550,3291,3293,3294,3296,3297,3300],{},"Animated properties are ",[1527,3287,3288],{},"transform",[1527,3290,3260],{},[1527,3292,3270],{},"), ",[1527,3295,3273],{}," and text\nproperties — ",[1527,3298,3299],{},"will-change-transform"," is set on each word so the compositor\nkeeps them on their own layer.",[3241,3302,3303,3304,3307,3308,3311,3312,3315],{},"Words are defined as an inline ",[1527,3305,3306],{},"defineComponent"," with a render function rather\nthan a sibling ",[1527,3309,3310],{},".vue"," file, specifically so they are not auto-registered with\nan ",[1527,3313,3314],{},"M"," prefix alongside the public component set.",[3241,3317,3318,3319,3321,3322,3325],{},"Under reduced motion the branch returns a plain ",[1527,3320,1605],{}," with a static style —\nno ",[1527,3323,3324],{},"Motion"," wrapper, no motion values, no springs instantiated at all.",[3327,3328,3329,3330,3333,3334,2118],"tip",{},"Because the windows overlap, the peak-to-peak spacing is what decides whether\nthis reads as a wave or as a flicker. If your phrase is long enough that the\ninternal cap compresses the spacing below ",[1527,3331,3332],{},"MIN_WINDOW"," (0.09), consecutive\nwindows no longer overlap and you lose the crest — shorten the phrase or split it\ninto two components rather than raising ",[1527,3335,2423],{},[1541,3337,3339],{"id":3338},"tuning-the-wave","Tuning the wave",[1520,3341,3342,3343,3345,3346,3348,3349,3351],{},"The wave's geometry is derived, not configured, but two props move it most.\n",[1527,3344,2423],{}," sets the fractional offset between consecutive word peaks, and ",[1527,3347,2427],{},"\ndecides which part of the viewport the phrase animates across. The rest are\npeak-vs-rest value pairs — every one is a ",[1527,3350,2419],{}," tuple.",[3353,3354,3355,3374],"table",{},[3356,3357,3358],"thead",{},[3359,3360,3361,3365,3368,3371],"tr",{},[3362,3363,3364],"th",{},"Prop",[3362,3366,3367],{},"Rest",[3362,3369,3370],{},"Peak",[3362,3372,3373],{},"What moves",[3375,3376,3377,3397,3416,3441,3460],"tbody",{},[3359,3378,3379,3384,3389,3394],{},[3380,3381,3382],"td",{},[1527,3383,3106],{},[3380,3385,3386],{},[1527,3387,3388],{},"0.92",[3380,3390,3391],{},[1527,3392,3393],{},"1.18",[3380,3395,3396],{},"Word size, the most legible part of the effect",[3359,3398,3399,3403,3408,3413],{},[3380,3400,3401],{},[1527,3402,3112],{},[3380,3404,3405],{},[1527,3406,3407],{},"-0.5px",[3380,3409,3410],{},[1527,3411,3412],{},"2.5px",[3380,3414,3415],{},"Letter-spacing; the widest spread reads as motion",[3359,3417,3418,3422,3427,3432],{},[3380,3419,3420],{},[1527,3421,3121],{},[3380,3423,3424],{},[1527,3425,3426],{},"380",[3380,3428,3429],{},[1527,3430,3431],{},"800",[3380,3433,3434,3436,3437,3440],{},[1527,3435,3132],{}," axis — ",[1532,3438,3439],{},"only"," if the active font is variable",[3359,3442,3443,3447,3452,3457],{},[3380,3444,3445],{},[1527,3446,3136],{},[3380,3448,3449],{},[1527,3450,3451],{},"0px",[3380,3453,3454],{},[1527,3455,3456],{},"-12px",[3380,3458,3459],{},"Vertical offset; raise it for a stronger crest",[3359,3461,3462,3466,3471,3475],{},[3380,3463,3464],{},[1527,3465,3141],{},[3380,3467,3468],{},[1527,3469,3470],{},"0.45",[3380,3472,3473],{},[1527,3474,2603],{},[3380,3476,3477],{},"Opacity; the resting words stay legible at 0.45",[1520,3479,3480,3481,3483,3484,3486,3487,3490],{},"The default ",[1527,3482,2427],{}," is ",[1527,3485,3090],{},", not Motion's own\n",[1527,3488,3489],{},"['start start', 'end end']",": on an element shorter than its scroller that\ndefault collapses to a near-zero range and the effect sticks at the start. This\ndefault opens the window as the phrase enters the lower part of the viewport\nand closes it around the middle, leaving readable time on both sides.",[3492,3493,3494],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":1595,"searchDepth":1621,"depth":1621,"links":3496},[3497,3498,3502,3503,3504,3505,3506,3507],{"id":1543,"depth":1621,"text":16},{"id":1951,"depth":1621,"text":1952,"children":3499},[3500,3501],{"id":1956,"depth":1630,"text":1957},{"id":2412,"depth":1630,"text":2413},{"id":3026,"depth":1621,"text":3027},{"id":3054,"depth":1621,"text":3055},{"id":3152,"depth":1621,"text":3153},{"id":3195,"depth":1621,"text":3196},{"id":3235,"depth":1621,"text":3236},{"id":3338,"depth":1621,"text":3339},"A phrase where each word scales, tracks and lifts on its own window of scroll progress, forming a travelling crest.","md",null,{},{"title":1019,"description":3508},"TODdCZsz8inoNuLsNjvutHls9IM0SVzx94S4Wc4hmdQ",[3515,3517],{"title":1015,"path":1016,"stem":1017,"description":3516,"children":-1},"A marquee that duplicates its content once and scrolls it in a seamless loop.",{"title":1023,"path":1024,"stem":1025,"description":3518,"children":-1},"An endless row or column of content that can reverse, run vertically and pause on hover.",1793501814708]