[{"data":1,"prerenderedAt":2709},["ShallowReactive",2],{"navigation_docs":3,"-components-scroll-infinite-slider":1514,"-components-scroll-infinite-slider-surround":2704},[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":1015,"body":1516,"description":2698,"extension":2699,"links":2700,"meta":2701,"navigation":1874,"path":1016,"seo":2702,"stem":1017,"__hash__":2703},"docs\u002F3.components\u002Fscroll\u002Finfinite-slider.md",{"type":1517,"value":1518,"toc":2684},"minimark",[1519,1535,1542,1553,1557,1564,2028,2032,2037,2047,2244,2248,2254,2449,2453,2462,2476,2480,2508,2512,2520,2524,2541,2547,2560,2564,2571,2578,2581,2585,2632,2644,2648,2658,2680],[1520,1521,1522,1523,1527,1528,1531,1532,1534],"p",{},"A marquee in eleven lines. It renders your content twice, side by side, and runs\na CSS animation that translates the pair from ",[1524,1525,1526],"code",{},"0"," to ",[1524,1529,1530],{},"-50%"," forever. Because the\npair is exactly twice the content's width, ",[1524,1533,1530],{}," lands precisely on where the\nfirst copy started — and the second copy is already in place under it. The seam\nnever appears and the loop never resets visibly.",[1520,1536,1537,1538,1541],{},"The duplication is unconditional. There is no clone-and-measure, no gap\ncompensation, no JS at all: the animation is a plain ",[1524,1539,1540],{},"@keyframes"," on a linear\ninfinite timing function, scoped to the component. Which also means the loop\ndepends on the two copies being identical and evenly spaced, which they are as\nlong as your content does not itself vary per copy.",[1520,1543,1544,1545,1548,1549,1552],{},"Because the content is ",[1524,1546,1547],{},"width: fit-content"," in a flex row inside an\n",[1524,1550,1551],{},"overflow-hidden"," box, the component is edge-to-edge by construction — put it in a\nfull-bleed section and the seam lands exactly at the viewport edges.",[1554,1555,16],"h2",{"id":1556},"usage",[1520,1558,1559,1560,1563],{},"Anything goes in the default slot; it is rendered twice. Spacing and alignment\ncome from the ",[1524,1561,1562],{},"className"," prop, which lands on the flex row, not on the outer\nclipping box.",[1565,1566,1568,1581],"code-preview",{"label":1567},"Preview",[1569,1570,1576,1577],"div",{"className":1571},[1572,1573,1574,1575],"flex","justify-center","w-full","h-full","  ",[1578,1579],"component-example",{"name":1580},"infinite-slider-basic",[1582,1583,1585],"template",{"v-slot:code":1584},"",[1586,1587,1591],"pre",{"className":1588,"code":1589,"language":1590,"meta":1584,"style":1584},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"w-full overflow-hidden py-4\">\n    \u003CMInfiniteSlider\n      class-name=\"items-center gap-10\"\n      :duration=\"28\"\n    >\n      \u003Cdiv\n        v-for=\"logo in logos\"\n        :key=\"logo\"\n        class=\"flex shrink-0 items-center gap-2 text-dimmed\"\n      >\n        \u003CUIcon\n          :name=\"logo\"\n          class=\"size-5\"\n        \u002F>\n        \u003Cspan class=\"text-sm font-semibold tracking-tight\">\n          {{ logo.replace('i-lucide-', '') }}\n        \u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002FMInfiniteSlider>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst logos = [\n  'i-lucide-rocket',\n  'i-lucide-anchor',\n  'i-lucide-orbit',\n  'i-lucide-flame',\n  'i-lucide-gem',\n  'i-lucide-zap',\n  'i-lucide-globe',\n  'i-lucide-shield',\n]\n\u003C\u002Fscript>\n","vue",[1524,1592,1593,1608,1634,1643,1659,1678,1684,1693,1708,1723,1738,1744,1753,1771,1786,1792,1812,1818,1828,1838,1849,1859,1869,1876,1901,1915,1929,1941,1953,1965,1977,1989,2001,2013,2019],{"__ignoreMap":1584},[1594,1595,1598,1602,1605],"span",{"class":1596,"line":1597},"line",1,[1594,1599,1601],{"class":1600},"sMK4o","\u003C",[1594,1603,1582],{"class":1604},"swJcz",[1594,1606,1607],{"class":1600},">\n",[1594,1609,1611,1614,1616,1620,1623,1626,1630,1632],{"class":1596,"line":1610},2,[1594,1612,1613],{"class":1600},"  \u003C",[1594,1615,1569],{"class":1604},[1594,1617,1619],{"class":1618},"spNyl"," class",[1594,1621,1622],{"class":1600},"=",[1594,1624,1625],{"class":1600},"\"",[1594,1627,1629],{"class":1628},"sfazB","w-full overflow-hidden py-4",[1594,1631,1625],{"class":1600},[1594,1633,1607],{"class":1600},[1594,1635,1637,1640],{"class":1596,"line":1636},3,[1594,1638,1639],{"class":1600},"    \u003C",[1594,1641,1642],{"class":1604},"MInfiniteSlider\n",[1594,1644,1646,1649,1651,1653,1656],{"class":1596,"line":1645},4,[1594,1647,1648],{"class":1618},"      class-name",[1594,1650,1622],{"class":1600},[1594,1652,1625],{"class":1600},[1594,1654,1655],{"class":1628},"items-center gap-10",[1594,1657,1658],{"class":1600},"\"\n",[1594,1660,1662,1665,1668,1670,1672,1676],{"class":1596,"line":1661},5,[1594,1663,1664],{"class":1600},"      :",[1594,1666,1667],{"class":1618},"duration",[1594,1669,1622],{"class":1600},[1594,1671,1625],{"class":1600},[1594,1673,1675],{"class":1674},"sbssI","28",[1594,1677,1658],{"class":1600},[1594,1679,1681],{"class":1596,"line":1680},6,[1594,1682,1683],{"class":1600},"    >\n",[1594,1685,1687,1690],{"class":1596,"line":1686},7,[1594,1688,1689],{"class":1600},"      \u003C",[1594,1691,1692],{"class":1604},"div\n",[1594,1694,1696,1699,1701,1703,1706],{"class":1596,"line":1695},8,[1594,1697,1698],{"class":1618},"        v-for",[1594,1700,1622],{"class":1600},[1594,1702,1625],{"class":1600},[1594,1704,1705],{"class":1628},"logo in logos",[1594,1707,1658],{"class":1600},[1594,1709,1711,1714,1716,1718,1721],{"class":1596,"line":1710},9,[1594,1712,1713],{"class":1618},"        :key",[1594,1715,1622],{"class":1600},[1594,1717,1625],{"class":1600},[1594,1719,1720],{"class":1628},"logo",[1594,1722,1658],{"class":1600},[1594,1724,1726,1729,1731,1733,1736],{"class":1596,"line":1725},10,[1594,1727,1728],{"class":1618},"        class",[1594,1730,1622],{"class":1600},[1594,1732,1625],{"class":1600},[1594,1734,1735],{"class":1628},"flex shrink-0 items-center gap-2 text-dimmed",[1594,1737,1658],{"class":1600},[1594,1739,1741],{"class":1596,"line":1740},11,[1594,1742,1743],{"class":1600},"      >\n",[1594,1745,1747,1750],{"class":1596,"line":1746},12,[1594,1748,1749],{"class":1600},"        \u003C",[1594,1751,1752],{"class":1604},"UIcon\n",[1594,1754,1756,1759,1762,1764,1766,1769],{"class":1596,"line":1755},13,[1594,1757,1758],{"class":1600},"          :",[1594,1760,1761],{"class":1618},"name",[1594,1763,1622],{"class":1600},[1594,1765,1625],{"class":1600},[1594,1767,1720],{"class":1768},"sTEyZ",[1594,1770,1658],{"class":1600},[1594,1772,1774,1777,1779,1781,1784],{"class":1596,"line":1773},14,[1594,1775,1776],{"class":1618},"          class",[1594,1778,1622],{"class":1600},[1594,1780,1625],{"class":1600},[1594,1782,1783],{"class":1628},"size-5",[1594,1785,1658],{"class":1600},[1594,1787,1789],{"class":1596,"line":1788},15,[1594,1790,1791],{"class":1600},"        \u002F>\n",[1594,1793,1795,1797,1799,1801,1803,1805,1808,1810],{"class":1596,"line":1794},16,[1594,1796,1749],{"class":1600},[1594,1798,1594],{"class":1604},[1594,1800,1619],{"class":1618},[1594,1802,1622],{"class":1600},[1594,1804,1625],{"class":1600},[1594,1806,1807],{"class":1628},"text-sm font-semibold tracking-tight",[1594,1809,1625],{"class":1600},[1594,1811,1607],{"class":1600},[1594,1813,1815],{"class":1596,"line":1814},17,[1594,1816,1817],{"class":1768},"          {{ logo.replace('i-lucide-', '') }}\n",[1594,1819,1821,1824,1826],{"class":1596,"line":1820},18,[1594,1822,1823],{"class":1600},"        \u003C\u002F",[1594,1825,1594],{"class":1604},[1594,1827,1607],{"class":1600},[1594,1829,1831,1834,1836],{"class":1596,"line":1830},19,[1594,1832,1833],{"class":1600},"      \u003C\u002F",[1594,1835,1569],{"class":1604},[1594,1837,1607],{"class":1600},[1594,1839,1841,1844,1847],{"class":1596,"line":1840},20,[1594,1842,1843],{"class":1600},"    \u003C\u002F",[1594,1845,1846],{"class":1604},"MInfiniteSlider",[1594,1848,1607],{"class":1600},[1594,1850,1852,1855,1857],{"class":1596,"line":1851},21,[1594,1853,1854],{"class":1600},"  \u003C\u002F",[1594,1856,1569],{"class":1604},[1594,1858,1607],{"class":1600},[1594,1860,1862,1865,1867],{"class":1596,"line":1861},22,[1594,1863,1864],{"class":1600},"\u003C\u002F",[1594,1866,1582],{"class":1604},[1594,1868,1607],{"class":1600},[1594,1870,1872],{"class":1596,"line":1871},23,[1594,1873,1875],{"emptyLinePlaceholder":1874},true,"\n",[1594,1877,1879,1881,1884,1887,1890,1892,1894,1897,1899],{"class":1596,"line":1878},24,[1594,1880,1601],{"class":1600},[1594,1882,1883],{"class":1604},"script",[1594,1885,1886],{"class":1618}," setup",[1594,1888,1889],{"class":1618}," lang",[1594,1891,1622],{"class":1600},[1594,1893,1625],{"class":1600},[1594,1895,1896],{"class":1628},"ts",[1594,1898,1625],{"class":1600},[1594,1900,1607],{"class":1600},[1594,1902,1904,1907,1910,1912],{"class":1596,"line":1903},25,[1594,1905,1906],{"class":1618},"const",[1594,1908,1909],{"class":1768}," logos ",[1594,1911,1622],{"class":1600},[1594,1913,1914],{"class":1768}," [\n",[1594,1916,1918,1921,1923,1926],{"class":1596,"line":1917},26,[1594,1919,1920],{"class":1600},"  '",[1594,1922,27],{"class":1628},[1594,1924,1925],{"class":1600},"'",[1594,1927,1928],{"class":1600},",\n",[1594,1930,1932,1934,1937,1939],{"class":1596,"line":1931},27,[1594,1933,1920],{"class":1600},[1594,1935,1936],{"class":1628},"i-lucide-anchor",[1594,1938,1925],{"class":1600},[1594,1940,1928],{"class":1600},[1594,1942,1944,1946,1949,1951],{"class":1596,"line":1943},28,[1594,1945,1920],{"class":1600},[1594,1947,1948],{"class":1628},"i-lucide-orbit",[1594,1950,1925],{"class":1600},[1594,1952,1928],{"class":1600},[1594,1954,1956,1958,1961,1963],{"class":1596,"line":1955},29,[1594,1957,1920],{"class":1600},[1594,1959,1960],{"class":1628},"i-lucide-flame",[1594,1962,1925],{"class":1600},[1594,1964,1928],{"class":1600},[1594,1966,1968,1970,1973,1975],{"class":1596,"line":1967},30,[1594,1969,1920],{"class":1600},[1594,1971,1972],{"class":1628},"i-lucide-gem",[1594,1974,1925],{"class":1600},[1594,1976,1928],{"class":1600},[1594,1978,1980,1982,1985,1987],{"class":1596,"line":1979},31,[1594,1981,1920],{"class":1600},[1594,1983,1984],{"class":1628},"i-lucide-zap",[1594,1986,1925],{"class":1600},[1594,1988,1928],{"class":1600},[1594,1990,1992,1994,1997,1999],{"class":1596,"line":1991},32,[1594,1993,1920],{"class":1600},[1594,1995,1996],{"class":1628},"i-lucide-globe",[1594,1998,1925],{"class":1600},[1594,2000,1928],{"class":1600},[1594,2002,2004,2006,2009,2011],{"class":1596,"line":2003},33,[1594,2005,1920],{"class":1600},[1594,2007,2008],{"class":1628},"i-lucide-shield",[1594,2010,1925],{"class":1600},[1594,2012,1928],{"class":1600},[1594,2014,2016],{"class":1596,"line":2015},34,[1594,2017,2018],{"class":1768},"]\n",[1594,2020,2022,2024,2026],{"class":1596,"line":2021},35,[1594,2023,1864],{"class":1600},[1594,2025,1883],{"class":1604},[1594,2027,1607],{"class":1600},[1554,2029,2031],{"id":2030},"examples","Examples",[2033,2034,2036],"h3",{"id":2035},"slow-marquee","Slow marquee",[1520,2038,2039,2040,2042,2043,2046],{},"Raise ",[1524,2041,1667],{}," to slow the loop down. At ",[1524,2044,2045],{},"60"," seconds the content crosses the box\nonce a minute, which suits large cards or imagery where a fast strip would be\ndistracting.",[1565,2048,2049,2055],{"label":1567},[1569,2050,1576,2052],{"className":2051},[1574],[1578,2053],{"name":2054},"infinite-slider-slow",[1582,2056,2057],{"v-slot:code":1584},[1586,2058,2060],{"className":1588,"code":2059,"language":1590,"meta":1584,"style":1584},"\u003Ctemplate>\n  \u003Cdiv class=\"rounded-lg bg-elevated p-4\">\n    \u003Ch3 class=\"mb-4 text-lg font-bold text-highlighted\">\n      Slow Infinite Slider\n    \u003C\u002Fh3>\n    \u003CMInfiniteSlider\n      :duration=\"60\"\n      class-name=\"gap-6\"\n    >\n      \u003Cdiv\n        v-for=\"i in 8\"\n        :key=\"i\"\n        class=\"flex h-40 w-40 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-purple-400 to-pink-500 text-2xl font-bold text-white\"\n      >\n        {{ i }}\n      \u003C\u002Fdiv>\n    \u003C\u002FMInfiniteSlider>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,2061,2062,2070,2089,2108,2113,2121,2127,2141,2154,2158,2164,2177,2190,2203,2207,2212,2220,2228,2236],{"__ignoreMap":1584},[1594,2063,2064,2066,2068],{"class":1596,"line":1597},[1594,2065,1601],{"class":1600},[1594,2067,1582],{"class":1604},[1594,2069,1607],{"class":1600},[1594,2071,2072,2074,2076,2078,2080,2082,2085,2087],{"class":1596,"line":1610},[1594,2073,1613],{"class":1600},[1594,2075,1569],{"class":1604},[1594,2077,1619],{"class":1618},[1594,2079,1622],{"class":1600},[1594,2081,1625],{"class":1600},[1594,2083,2084],{"class":1628},"rounded-lg bg-elevated p-4",[1594,2086,1625],{"class":1600},[1594,2088,1607],{"class":1600},[1594,2090,2091,2093,2095,2097,2099,2101,2104,2106],{"class":1596,"line":1636},[1594,2092,1639],{"class":1600},[1594,2094,2033],{"class":1604},[1594,2096,1619],{"class":1618},[1594,2098,1622],{"class":1600},[1594,2100,1625],{"class":1600},[1594,2102,2103],{"class":1628},"mb-4 text-lg font-bold text-highlighted",[1594,2105,1625],{"class":1600},[1594,2107,1607],{"class":1600},[1594,2109,2110],{"class":1596,"line":1645},[1594,2111,2112],{"class":1768},"      Slow Infinite Slider\n",[1594,2114,2115,2117,2119],{"class":1596,"line":1661},[1594,2116,1843],{"class":1600},[1594,2118,2033],{"class":1604},[1594,2120,1607],{"class":1600},[1594,2122,2123,2125],{"class":1596,"line":1680},[1594,2124,1639],{"class":1600},[1594,2126,1642],{"class":1604},[1594,2128,2129,2131,2133,2135,2137,2139],{"class":1596,"line":1686},[1594,2130,1664],{"class":1600},[1594,2132,1667],{"class":1618},[1594,2134,1622],{"class":1600},[1594,2136,1625],{"class":1600},[1594,2138,2045],{"class":1674},[1594,2140,1658],{"class":1600},[1594,2142,2143,2145,2147,2149,2152],{"class":1596,"line":1695},[1594,2144,1648],{"class":1618},[1594,2146,1622],{"class":1600},[1594,2148,1625],{"class":1600},[1594,2150,2151],{"class":1628},"gap-6",[1594,2153,1658],{"class":1600},[1594,2155,2156],{"class":1596,"line":1710},[1594,2157,1683],{"class":1600},[1594,2159,2160,2162],{"class":1596,"line":1725},[1594,2161,1689],{"class":1600},[1594,2163,1692],{"class":1604},[1594,2165,2166,2168,2170,2172,2175],{"class":1596,"line":1740},[1594,2167,1698],{"class":1618},[1594,2169,1622],{"class":1600},[1594,2171,1625],{"class":1600},[1594,2173,2174],{"class":1628},"i in 8",[1594,2176,1658],{"class":1600},[1594,2178,2179,2181,2183,2185,2188],{"class":1596,"line":1746},[1594,2180,1713],{"class":1618},[1594,2182,1622],{"class":1600},[1594,2184,1625],{"class":1600},[1594,2186,2187],{"class":1628},"i",[1594,2189,1658],{"class":1600},[1594,2191,2192,2194,2196,2198,2201],{"class":1596,"line":1755},[1594,2193,1728],{"class":1618},[1594,2195,1622],{"class":1600},[1594,2197,1625],{"class":1600},[1594,2199,2200],{"class":1628},"flex h-40 w-40 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-purple-400 to-pink-500 text-2xl font-bold text-white",[1594,2202,1658],{"class":1600},[1594,2204,2205],{"class":1596,"line":1773},[1594,2206,1743],{"class":1600},[1594,2208,2209],{"class":1596,"line":1788},[1594,2210,2211],{"class":1768},"        {{ i }}\n",[1594,2213,2214,2216,2218],{"class":1596,"line":1794},[1594,2215,1833],{"class":1600},[1594,2217,1569],{"class":1604},[1594,2219,1607],{"class":1600},[1594,2221,2222,2224,2226],{"class":1596,"line":1814},[1594,2223,1843],{"class":1600},[1594,2225,1846],{"class":1604},[1594,2227,1607],{"class":1600},[1594,2229,2230,2232,2234],{"class":1596,"line":1820},[1594,2231,1854],{"class":1600},[1594,2233,1569],{"class":1604},[1594,2235,1607],{"class":1600},[1594,2237,2238,2240,2242],{"class":1596,"line":1830},[1594,2239,1864],{"class":1600},[1594,2241,1582],{"class":1604},[1594,2243,1607],{"class":1600},[2033,2245,2247],{"id":2246},"card-row","Card row",[1520,2249,2250,2251,2253],{},"The row is gap-based, so any content works — cards, logos, testimonials. Adjust\nthe gap and vertical alignment through ",[1524,2252,1562],{}," to control how the copies sit\nagainst each other.",[1565,2255,2256,2262],{"label":1567},[1569,2257,1576,2259],{"className":2258},[1574],[1578,2260],{"name":2261},"infinite-slider-example",[1582,2263,2264],{"v-slot:code":1584},[1586,2265,2267],{"className":1588,"code":2266,"language":1590,"meta":1584,"style":1584},"\u003Ctemplate>\n  \u003Cdiv class=\"rounded-lg bg-elevated p-6\">\n    \u003Ch3 class=\"mb-4 text-lg font-bold text-highlighted\">\n      Infinite Slider\n    \u003C\u002Fh3>\n    \u003CMInfiniteSlider\n      :duration=\"20\"\n      class-name=\"gap-4\"\n    >\n      \u003Cdiv\n        v-for=\"i in 10\"\n        :key=\"i\"\n        class=\"flex h-32 w-32 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-blue-400 to-purple-500 text-xl font-bold text-white\"\n      >\n        {{ i }}\n      \u003C\u002Fdiv>\n    \u003C\u002FMInfiniteSlider>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,2268,2269,2277,2296,2314,2319,2327,2333,2348,2361,2365,2371,2384,2396,2409,2413,2417,2425,2433,2441],{"__ignoreMap":1584},[1594,2270,2271,2273,2275],{"class":1596,"line":1597},[1594,2272,1601],{"class":1600},[1594,2274,1582],{"class":1604},[1594,2276,1607],{"class":1600},[1594,2278,2279,2281,2283,2285,2287,2289,2292,2294],{"class":1596,"line":1610},[1594,2280,1613],{"class":1600},[1594,2282,1569],{"class":1604},[1594,2284,1619],{"class":1618},[1594,2286,1622],{"class":1600},[1594,2288,1625],{"class":1600},[1594,2290,2291],{"class":1628},"rounded-lg bg-elevated p-6",[1594,2293,1625],{"class":1600},[1594,2295,1607],{"class":1600},[1594,2297,2298,2300,2302,2304,2306,2308,2310,2312],{"class":1596,"line":1636},[1594,2299,1639],{"class":1600},[1594,2301,2033],{"class":1604},[1594,2303,1619],{"class":1618},[1594,2305,1622],{"class":1600},[1594,2307,1625],{"class":1600},[1594,2309,2103],{"class":1628},[1594,2311,1625],{"class":1600},[1594,2313,1607],{"class":1600},[1594,2315,2316],{"class":1596,"line":1645},[1594,2317,2318],{"class":1768},"      Infinite Slider\n",[1594,2320,2321,2323,2325],{"class":1596,"line":1661},[1594,2322,1843],{"class":1600},[1594,2324,2033],{"class":1604},[1594,2326,1607],{"class":1600},[1594,2328,2329,2331],{"class":1596,"line":1680},[1594,2330,1639],{"class":1600},[1594,2332,1642],{"class":1604},[1594,2334,2335,2337,2339,2341,2343,2346],{"class":1596,"line":1686},[1594,2336,1664],{"class":1600},[1594,2338,1667],{"class":1618},[1594,2340,1622],{"class":1600},[1594,2342,1625],{"class":1600},[1594,2344,2345],{"class":1674},"20",[1594,2347,1658],{"class":1600},[1594,2349,2350,2352,2354,2356,2359],{"class":1596,"line":1695},[1594,2351,1648],{"class":1618},[1594,2353,1622],{"class":1600},[1594,2355,1625],{"class":1600},[1594,2357,2358],{"class":1628},"gap-4",[1594,2360,1658],{"class":1600},[1594,2362,2363],{"class":1596,"line":1710},[1594,2364,1683],{"class":1600},[1594,2366,2367,2369],{"class":1596,"line":1725},[1594,2368,1689],{"class":1600},[1594,2370,1692],{"class":1604},[1594,2372,2373,2375,2377,2379,2382],{"class":1596,"line":1740},[1594,2374,1698],{"class":1618},[1594,2376,1622],{"class":1600},[1594,2378,1625],{"class":1600},[1594,2380,2381],{"class":1628},"i in 10",[1594,2383,1658],{"class":1600},[1594,2385,2386,2388,2390,2392,2394],{"class":1596,"line":1746},[1594,2387,1713],{"class":1618},[1594,2389,1622],{"class":1600},[1594,2391,1625],{"class":1600},[1594,2393,2187],{"class":1628},[1594,2395,1658],{"class":1600},[1594,2397,2398,2400,2402,2404,2407],{"class":1596,"line":1755},[1594,2399,1728],{"class":1618},[1594,2401,1622],{"class":1600},[1594,2403,1625],{"class":1600},[1594,2405,2406],{"class":1628},"flex h-32 w-32 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-blue-400 to-purple-500 text-xl font-bold text-white",[1594,2408,1658],{"class":1600},[1594,2410,2411],{"class":1596,"line":1773},[1594,2412,1743],{"class":1600},[1594,2414,2415],{"class":1596,"line":1788},[1594,2416,2211],{"class":1768},[1594,2418,2419,2421,2423],{"class":1596,"line":1794},[1594,2420,1833],{"class":1600},[1594,2422,1569],{"class":1604},[1594,2424,1607],{"class":1600},[1594,2426,2427,2429,2431],{"class":1596,"line":1814},[1594,2428,1843],{"class":1600},[1594,2430,1846],{"class":1604},[1594,2432,1607],{"class":1600},[1594,2434,2435,2437,2439],{"class":1596,"line":1820},[1594,2436,1854],{"class":1600},[1594,2438,1569],{"class":1604},[1594,2440,1607],{"class":1600},[1594,2442,2443,2445,2447],{"class":1596,"line":1830},[1594,2444,1864],{"class":1600},[1594,2446,1582],{"class":1604},[1594,2448,1607],{"class":1600},[1554,2450,2452],{"id":2451},"customize","Customize",[1520,2454,2455,2456,2458,2459,2461],{},"Adjust the ",[1524,2457,1667],{}," and the row's ",[1524,2460,1562],{}," live in the playground below.",[1565,2463,2464,2470],{"label":1567},[1569,2465,1576,2467],{"className":2466},[1574],[1578,2468],{"name":2469},"infinite-slider-custom",[1582,2471,2472],{"v-slot:code":1584},[2473,2474],"playground-code",{"name":2475},"InfiniteSlider",[1554,2477,2479],{"id":2478},"props","Props",[2481,2482,2483,2493,2501],"component-props",{},[2484,2485,2488,2489,2492],"component-prop",{"name":1667,"type":2486,"default":2487},"number","40","Seconds for one full lap. Written straight to ",[1524,2490,2491],{},"animationDuration",", so 40 means\nthe content crosses the box once every forty seconds — not once per copy.",[2484,2494,2496,2497,2500],{"name":1562,"type":2495},"string","Merged onto the scrolling flex row, which is the element carrying the\nanimation. The outer clipping box is always ",[1524,2498,2499],{},"w-full overflow-hidden"," and takes\nno classes, so put your spacing, alignment and vertical padding here.",[2484,2502,2504,2505,2507],{"name":2503,"type":2495},"class","Merged onto the outer clipping box, alongside the theme's ",[1524,2506,2499],{},".",[1554,2509,2511],{"id":2510},"slots","Slots",[2513,2514,2515],"component-slots",{},[2516,2517,2519],"component-slot-row",{"name":2518},"default","The content. Rendered twice — the second copy is what makes the loop seamless,\nso anything with a random or time-varying value will visibly disagree with its\ntwin at the wrap point.",[1554,2521,2523],{"id":2522},"ui","UI",[1520,2525,2526,2527,2533,2534,2537,2538,2507],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2528,2529,2530,2532],"a",{"href":21},[1524,2531,2522],{}," prop",", or app-wide under ",[1524,2535,2536],{},"ui.infiniteSlider"," in ",[1524,2539,2540],{},"app.config.ts",[2481,2542,2543],{},[2484,2544,2546],{"name":2522,"type":2545},"object","Per-slot classes merged over the theme defaults.",[2513,2548,2549,2554],{},[2516,2550,2552],{"name":2551},"root",[1524,2553,2499],{},[2516,2555,2557],{"name":2556},"content",[1524,2558,2559],{},"infinite-slider-content",[1554,2561,2563],{"id":2562},"accessibility","Accessibility",[1520,2565,2566,2567,2570],{},"There is no ARIA, no pause control, no keyboard behaviour and no\n",[1524,2568,2569],{},"prefers-reduced-motion"," handling anywhere in the component. The marquee runs at\nfull speed for every user.",[1520,2572,2573,2574,2577],{},"Because the content is duplicated, screen readers and tab order see everything\ntwice. That is the accessibility cost of the trick as implemented, and it is not\naddressable from the props — if the content is focusable, wrap each item in a way\nthat hides the second copy, or replace the second ",[1524,2575,2576],{},"\u003Cslot \u002F>"," with a static\nplaceholder in your own fork.",[1520,2579,2580],{},"Motion-sensitive users get a moving strip with no opt-out. In practice this means\nthe component should not sit above the fold on a page where the marquee is the\ndominant motion.",[1554,2582,2584],{"id":2583},"performance","Performance",[2586,2587,2588,2605,2608,2623,2626],"ul",{},[2589,2590,2591,2592,2595,2596,2598,2599,2601,2602,2507],"li",{},"No JavaScript at all. One ",[1524,2593,2594],{},"computed"," produces ",[1524,2597,2491],{},"; everything\nelse is a scoped ",[1524,2600,1540],{}," animation on ",[1524,2603,2604],{},"transform: translateX",[2589,2606,2607],{},"The animation is compositor-driven — the browser runs it off the main thread\nand Vue never re-renders while it plays.",[2589,2609,2610,2611,2614,2615,2618,2619,2622],{},"Only ",[1524,2612,2613],{},"transform"," is animated, never ",[1524,2616,2617],{},"left"," or ",[1524,2620,2621],{},"margin",", so there is no layout\non any frame.",[2589,2624,2625],{},"The content is rendered twice and never measured, so there is no resize\nobserver, no reflow and no per-frame JS cost. Resizing the container is free:\nthe percentage keyframe is relative to the row's own width.",[2589,2627,2628,2629,2631],{},"The outer box clips with ",[1524,2630,1551],{},", so the sliding content never\ncontributes to document scroll width or causes a horizontal scrollbar.",[2633,2634,2635,2636,2639,2640,2643],"tip",{},"The gap between the last item of one copy and the first of the next is whatever\ngap the flex row applies — the seam is not special. If your row uses ",[1524,2637,2638],{},"gap-10",",\nthe wrap looks seamless; if you space items with margins instead, the trailing\nmargin of the last item and the leading margin of the first double up at the\nwrap. Use ",[1524,2641,2642],{},"gap",", not per-item margins.",[1554,2645,2647],{"id":2646},"the-half-width-trick","The half-width trick",[1520,2649,2650,2651,2654,2655,2657],{},"The whole effect is one number. The row contains two copies of your content, so\nits width is exactly ",[1524,2652,2653],{},"2 × content",". Translating by ",[1524,2656,1530],{}," therefore moves the row\nby precisely one content width — the moment copy one leaves the left edge, copy\ntwo is already exactly where copy one started.",[1520,2659,2660,2661,2664,2665,2668,2669,2671,2672,2675,2676,2679],{},"That is why the animation has to be ",[1524,2662,2663],{},"infinite"," and not ",[1524,2666,2667],{},"alternate",", and why\n",[1524,2670,1667],{}," is seconds for the full pass rather than per-copy: it is one lap of the\ndoubled row, not two. It is also why nothing needs measuring — no\n",[1524,2673,2674],{},"ResizeObserver",", no ",[1524,2677,2678],{},"offsetWidth",", no recalculation on resize. If the content\nchanges width, the ratio holds.",[2681,2682,2683],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":1584,"searchDepth":1610,"depth":1610,"links":2685},[2686,2687,2691,2692,2693,2694,2695,2696,2697],{"id":1556,"depth":1610,"text":16},{"id":2030,"depth":1610,"text":2031,"children":2688},[2689,2690],{"id":2035,"depth":1636,"text":2036},{"id":2246,"depth":1636,"text":2247},{"id":2451,"depth":1610,"text":2452},{"id":2478,"depth":1610,"text":2479},{"id":2510,"depth":1610,"text":2511},{"id":2522,"depth":1610,"text":2523},{"id":2562,"depth":1610,"text":2563},{"id":2583,"depth":1610,"text":2584},{"id":2646,"depth":1610,"text":2647},"A marquee that duplicates its content once and scrolls it in a seamless loop.","md",null,{},{"title":1015,"description":2698},"a07PeznpPn4j8oteWtCgVZsV6KzFZzS0QMelaar3ESc",[2705,2707],{"title":1011,"path":1012,"stem":1013,"description":2706,"children":-1},"Animates its content when it scrolls into the viewport, and optionally replays on every entry.",{"title":1019,"path":1020,"stem":1021,"description":2708,"children":-1},"A phrase where each word scales, tracks and lifts on its own window of scroll progress, forming a travelling crest.",1793501814317]