[{"data":1,"prerenderedAt":2166},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-ai-agents":1082,"-getting-started-ai-agents-surround":2161},[4,28,35,866,889,896,1051,1075],{"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,54,112,178,212,302,320,334,428,478,572,586,604,626,648,682,844],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":53},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",false,{"title":55,"icon":56,"path":57,"stem":58,"children":59,"page":53},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[60,64,68,72,76,80,84,88,92,96,100,104,108],{"title":61,"path":62,"stem":63},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":65,"path":66,"stem":67},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":69,"path":70,"stem":71},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":73,"path":74,"stem":75},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":77,"path":78,"stem":79},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":81,"path":82,"stem":83},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":85,"path":86,"stem":87},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":89,"path":90,"stem":91},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":93,"path":94,"stem":95},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":97,"path":98,"stem":99},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":101,"path":102,"stem":103},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":105,"path":106,"stem":107},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":109,"path":110,"stem":111},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":53},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[118,122,126,130,134,138,142,146,150,154,158,162,166,170,174],{"title":119,"path":120,"stem":121},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":123,"path":124,"stem":125},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":127,"path":128,"stem":129},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":131,"path":132,"stem":133},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":135,"path":136,"stem":137},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":139,"path":140,"stem":141},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":143,"path":144,"stem":145},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":147,"path":148,"stem":149},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":151,"path":152,"stem":153},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":155,"path":156,"stem":157},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":159,"path":160,"stem":161},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":163,"path":164,"stem":165},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":167,"path":168,"stem":169},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":171,"path":172,"stem":173},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":175,"path":176,"stem":177},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":179,"icon":180,"path":181,"stem":182,"children":183,"page":53},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[184,188,192,196,200,204,208],{"title":185,"path":186,"stem":187},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":189,"path":190,"stem":191},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":193,"path":194,"stem":195},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":197,"path":198,"stem":199},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":201,"path":202,"stem":203},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":205,"path":206,"stem":207},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":209,"path":210,"stem":211},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":213,"icon":214,"path":215,"stem":216,"children":217,"page":53},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298],{"title":219,"path":220,"stem":221},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":223,"path":224,"stem":225},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":227,"path":228,"stem":229},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":231,"path":232,"stem":233},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":235,"path":236,"stem":237},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":239,"path":240,"stem":241},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":243,"path":244,"stem":245},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":247,"path":248,"stem":249},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":251,"path":252,"stem":253},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":255,"path":256,"stem":257},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":259,"path":260,"stem":261},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":263,"path":264,"stem":265},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":267,"path":268,"stem":269},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":271,"path":272,"stem":273},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":275,"path":276,"stem":277},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":279,"path":280,"stem":281},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":283,"path":284,"stem":285},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":287,"path":288,"stem":289},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":291,"path":292,"stem":293},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":295,"path":296,"stem":297},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":299,"path":300,"stem":301},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":303,"icon":304,"path":305,"stem":306,"children":307,"page":53},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[308,312,316],{"title":309,"path":310,"stem":311},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":313,"path":314,"stem":315},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":317,"path":318,"stem":319},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":321,"icon":322,"path":323,"stem":324,"children":325,"page":53},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[326,330],{"title":327,"path":328,"stem":329},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":331,"path":332,"stem":333},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":335,"icon":336,"path":337,"stem":338,"children":339,"page":53},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424],{"title":341,"path":342,"stem":343},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":345,"path":346,"stem":347},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":349,"path":350,"stem":351},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":353,"path":354,"stem":355},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":357,"path":358,"stem":359},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":361,"path":362,"stem":363},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":365,"path":366,"stem":367},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":369,"path":370,"stem":371},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":373,"path":374,"stem":375},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":377,"path":378,"stem":379},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":381,"path":382,"stem":383},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":385,"path":386,"stem":387},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":389,"path":390,"stem":391},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":393,"path":394,"stem":395},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":397,"path":398,"stem":399},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":401,"path":402,"stem":403},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":405,"path":406,"stem":407},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":409,"path":410,"stem":411},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":413,"path":414,"stem":415},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":417,"path":418,"stem":419},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":421,"path":422,"stem":423},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":425,"path":426,"stem":427},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":429,"icon":430,"path":431,"stem":432,"children":433,"page":53},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[434,438,442,446,450,454,458,462,466,470,474],{"title":435,"path":436,"stem":437},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":439,"path":440,"stem":441},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":443,"path":444,"stem":445},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":447,"path":448,"stem":449},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":451,"path":452,"stem":453},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":455,"path":456,"stem":457},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":459,"path":460,"stem":461},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":463,"path":464,"stem":465},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":467,"path":468,"stem":469},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":471,"path":472,"stem":473},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":475,"path":476,"stem":477},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":53},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568],{"title":485,"path":486,"stem":487},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":489,"path":490,"stem":491},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":493,"path":494,"stem":495},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":497,"path":498,"stem":499},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":501,"path":502,"stem":503},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":505,"path":506,"stem":507},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":509,"path":510,"stem":511},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":513,"path":514,"stem":515},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":517,"path":518,"stem":519},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":521,"path":522,"stem":523},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":525,"path":526,"stem":527},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":529,"path":530,"stem":531},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":533,"path":534,"stem":535},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":537,"path":538,"stem":539},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":541,"path":542,"stem":543},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":545,"path":546,"stem":547},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":549,"path":550,"stem":551},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":553,"path":554,"stem":555},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":557,"path":558,"stem":559},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":561,"path":562,"stem":563},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":565,"path":566,"stem":567},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":569,"path":570,"stem":571},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":573,"icon":574,"path":575,"stem":576,"children":577,"page":53},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[578,582],{"title":579,"path":580,"stem":581},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":583,"path":584,"stem":585},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":587,"icon":588,"path":589,"stem":590,"children":591,"page":53},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[592,596,600],{"title":593,"path":594,"stem":595},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":597,"path":598,"stem":599},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":601,"path":602,"stem":603},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":605,"icon":606,"path":607,"stem":608,"children":609,"page":53},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[610,614,618,622],{"title":611,"path":612,"stem":613},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":615,"path":616,"stem":617},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":619,"path":620,"stem":621},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":623,"path":624,"stem":625},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":627,"icon":628,"path":629,"stem":630,"children":631,"page":53},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[632,636,640,644],{"title":633,"path":634,"stem":635},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":637,"path":638,"stem":639},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":641,"path":642,"stem":643},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":645,"path":646,"stem":647},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":649,"icon":650,"path":651,"stem":652,"children":653,"page":53},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[654,658,662,666,670,674,678],{"title":655,"path":656,"stem":657},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":659,"path":660,"stem":661},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":663,"path":664,"stem":665},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":667,"path":668,"stem":669},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":671,"path":672,"stem":673},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":675,"path":676,"stem":677},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":679,"path":680,"stem":681},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":683,"icon":684,"path":685,"stem":686,"children":687,"page":53},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[688,692,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],{"title":689,"path":690,"stem":691},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":693,"path":694,"stem":695},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":697,"path":698,"stem":699},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":701,"path":702,"stem":703},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":705,"path":706,"stem":707},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":709,"path":710,"stem":711},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":713,"path":714,"stem":715},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":717,"path":718,"stem":719},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":721,"path":722,"stem":723},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":725,"path":726,"stem":727},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":729,"path":730,"stem":731},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":733,"path":734,"stem":735},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":737,"path":738,"stem":739},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":741,"path":742,"stem":743},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":745,"path":746,"stem":747},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":749,"path":750,"stem":751},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":753,"path":754,"stem":755},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":757,"path":758,"stem":759},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":761,"path":762,"stem":763},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":765,"path":766,"stem":767},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":769,"path":770,"stem":771},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":773,"path":774,"stem":775},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":777,"path":778,"stem":779},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":781,"path":782,"stem":783},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":785,"path":786,"stem":787},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":789,"path":790,"stem":791},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":793,"path":794,"stem":795},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":797,"path":798,"stem":799},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":801,"path":802,"stem":803},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":805,"path":806,"stem":807},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":809,"path":810,"stem":811},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":813,"path":814,"stem":815},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":817,"path":818,"stem":819},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":821,"path":822,"stem":823},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":825,"path":826,"stem":827},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":829,"path":830,"stem":831},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":833,"path":834,"stem":835},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":837,"path":838,"stem":839},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":841,"path":842,"stem":843},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":845,"icon":846,"path":847,"stem":848,"children":849,"page":53},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[850,854,858,862],{"title":851,"path":852,"stem":853},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":855,"path":856,"stem":857},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":859,"path":860,"stem":861},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":863,"path":864,"stem":865},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":867,"path":868,"stem":869,"children":870,"icon":888},"Composables","\u002Fcomposables","4.composables\u002Findex",[871,872,876,880,884],{"title":867,"path":868,"stem":869},{"title":873,"path":874,"stem":875},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":877,"path":878,"stem":879},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":881,"path":882,"stem":883},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":885,"path":886,"stem":887},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":890,"path":891,"stem":892,"children":893,"icon":895},"Guides","\u002Fguides","5.guides\u002Findex",[894],{"title":890,"path":891,"stem":892},"i-lucide-book-open",{"title":897,"icon":898,"path":899,"stem":900,"children":901},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[902,904,917,926,939,952,968,981,990,999,1012,1021,1034,1043],{"title":897,"path":899,"stem":903},"6.blocks\u002Findex",{"title":905,"path":906,"stem":907,"children":908,"page":53},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[909,913],{"title":910,"path":911,"stem":912},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":914,"path":915,"stem":916},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":918,"path":919,"stem":920,"children":921,"page":53},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[922],{"title":923,"path":924,"stem":925},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":927,"path":928,"stem":929,"children":930,"page":53},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[931,935],{"title":932,"path":933,"stem":934},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":936,"path":937,"stem":938},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":940,"path":941,"stem":942,"children":943,"page":53},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[944,948],{"title":945,"path":946,"stem":947},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":949,"path":950,"stem":951},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":953,"path":954,"stem":955,"children":956,"page":53},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[957,961,964],{"title":958,"path":959,"stem":960},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":123,"path":962,"stem":963},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":965,"path":966,"stem":967},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":969,"path":970,"stem":971,"children":972,"page":53},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[973,977],{"title":974,"path":975,"stem":976},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":978,"path":979,"stem":980},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":982,"path":983,"stem":984,"children":985,"page":53},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[986],{"title":987,"path":988,"stem":989},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":991,"path":992,"stem":993,"children":994,"page":53},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[995],{"title":996,"path":997,"stem":998},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1000,"path":1001,"stem":1002,"children":1003,"page":53},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1004,1008],{"title":1005,"path":1006,"stem":1007},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1009,"path":1010,"stem":1011},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1013,"path":1014,"stem":1015,"children":1016,"page":53},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1017],{"title":1018,"path":1019,"stem":1020},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1022,"path":1023,"stem":1024,"children":1025,"page":53},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1026,1030],{"title":1027,"path":1028,"stem":1029},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1031,"path":1032,"stem":1033},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1035,"path":1036,"stem":1037,"children":1038,"page":53},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1039],{"title":1040,"path":1041,"stem":1042},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1044,"path":1045,"stem":1046,"children":1047,"page":53},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1048],{"title":1009,"path":1049,"stem":1050},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1052,"icon":1053,"path":1054,"stem":1055,"children":1056},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1057,1059,1063,1067,1071],{"title":1052,"path":1054,"stem":1058},"7.templates\u002Findex",{"title":1060,"path":1061,"stem":1062},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1064,"path":1065,"stem":1066},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1068,"path":1069,"stem":1070},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1072,"path":1073,"stem":1074},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1076,"path":1077,"stem":1078,"children":1079,"icon":1081},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1080],{"title":1076,"path":1077,"stem":1078},"i-lucide-braces",{"id":1083,"title":24,"body":1084,"description":2156,"extension":1725,"links":2157,"meta":2158,"navigation":1740,"path":25,"seo":2159,"stem":26,"__hash__":2160},"docs\u002F1.getting-started\u002F5.ai-agents.md",{"type":1085,"value":1086,"toc":2143},"minimark",[1087,1108,1113,1206,1211,1234,1243,1247,1254,1274,1277,1282,1310,1313,1423,1430,1434,1515,1519,1539,1549,1673,1687,1691,1706,1710,1721,2026,2030,2059,2073,2079,2091,2106,2121,2125,2132,2139],[1088,1089,1090,1091,1095,1096,1099,1100,1107],"p",{},"Everything on this site is published in a form an agent can read: raw markdown for every page, an ",[1092,1093,1094],"code",{},"llms.txt"," index, a single-file ",[1092,1097,1098],{},"llms-full.txt",", and an ",[1101,1102,1106],"a",{"href":1103,"rel":1104},"https:\u002F\u002Fmodelcontextprotocol.io",[1105],"nofollow","MCP"," server that serves the same content as tools. Point your agent at one of them and it can look up a component's real props, events and slots instead of guessing them.",[1109,1110,1112],"h2",{"id":1111},"machine-readable-endpoints","Machine-readable endpoints",[1114,1115,1116,1129],"table",{},[1117,1118,1119],"thead",{},[1120,1121,1122,1126],"tr",{},[1123,1124,1125],"th",{},"Endpoint",[1123,1127,1128],{},"What it returns",[1130,1131,1132,1143,1153,1166,1176,1186,1196],"tbody",{},[1120,1133,1134,1140],{},[1135,1136,1137],"td",{},[1092,1138,1139],{},"\u002Fllms.txt",[1135,1141,1142],{},"Index of the docs for LLMs — every page with its title, description and raw-markdown link",[1120,1144,1145,1150],{},[1135,1146,1147],{},[1092,1148,1149],{},"\u002Fllms-full.txt",[1135,1151,1152],{},"The complete documentation as a single file",[1120,1154,1155,1160],{},[1135,1156,1157],{},[1092,1158,1159],{},"\u002Fraw\u002F\u003Cpath>.md",[1135,1161,1162,1163],{},"Raw markdown of one page, e.g. ",[1092,1164,1165],{},"\u002Fraw\u002Fcomponents\u002Fai\u002Fai-orb.md",[1120,1167,1168,1173],{},[1135,1169,1170],{},[1092,1171,1172],{},"\u002Fsitemap.md",[1135,1174,1175],{},"Every page on the site, as markdown",[1120,1177,1178,1183],{},[1135,1179,1180],{},[1092,1181,1182],{},"\u002Fopenapi.json",[1135,1184,1185],{},"Every agent-facing route this site serves",[1120,1187,1188,1193],{},[1135,1189,1190],{},[1092,1191,1192],{},"\u002F.well-known\u002Fapi-catalog",[1135,1194,1195],{},"Catalog of the service documents the site publishes",[1120,1197,1198,1203],{},[1135,1199,1200],{},[1092,1201,1202],{},"\u002F.well-known\u002Fmcp\u002Fserver-card.json",[1135,1204,1205],{},"The MCP server card",[1088,1207,1208,1210],{},[1092,1209,1094],{}," is the lightest integration — most agents accept a URL or a file to read, and it links to the raw markdown of every page. To pull a single page:",[1212,1213,1219],"pre",{"className":1214,"code":1215,"filename":1216,"language":1217,"meta":1218,"style":1218},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","curl https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fraw\u002Fcomponents\u002Fai\u002Fai-orb.md\n","Terminal","bash","",[1092,1220,1221],{"__ignoreMap":1218},[1222,1223,1226,1230],"span",{"class":1224,"line":1225},"line",1,[1222,1227,1229],{"class":1228},"sBMFI","curl",[1222,1231,1233],{"class":1232},"sfazB"," https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fraw\u002Fcomponents\u002Fai\u002Fai-orb.md\n",[1235,1236,1237,1238,1242],"tip",{},"The ",[1239,1240,1241],"strong",{},"copy menu"," at the top of every documentation page links to that page's raw markdown and opens it directly in ChatGPT or Claude, so an agent can reason about a component without you pasting any source.",[1109,1244,1246],{"id":1245},"mcp-server","MCP server",[1088,1248,1249,1250,1253],{},"The docs expose an MCP server at ",[1092,1251,1252],{},"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp",", over streamable HTTP. It ships two read-only tools:",[1255,1256,1257,1266],"ul",{},[1258,1259,1260,1265],"li",{},[1239,1261,1262],{},[1092,1263,1264],{},"list-pages"," — every documentation page with its title, path, description and URL. Use it to find a page when you don't know its path.",[1258,1267,1268,1273],{},[1239,1269,1270],{},[1092,1271,1272],{},"get-page"," — the full markdown of a single page, given its path. Use it once you know which page you need.",[1088,1275,1276],{},"The tools read the published documentation, so they need no repository checkout and match the deployed version of the module.",[1278,1279,1281],"h3",{"id":1280},"claude-code","Claude Code",[1212,1283,1285],{"className":1214,"code":1284,"filename":1216,"language":1217,"meta":1218,"style":1218},"claude mcp add --transport http nuxt-motion-block https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\n",[1092,1286,1287],{"__ignoreMap":1218},[1222,1288,1289,1292,1295,1298,1301,1304,1307],{"class":1224,"line":1225},[1222,1290,1291],{"class":1228},"claude",[1222,1293,1294],{"class":1232}," mcp",[1222,1296,1297],{"class":1232}," add",[1222,1299,1300],{"class":1232}," --transport",[1222,1302,1303],{"class":1232}," http",[1222,1305,1306],{"class":1232}," nuxt-motion-block",[1222,1308,1309],{"class":1232}," https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\n",[1278,1311,611],{"id":1312},"cursor",[1212,1314,1319],{"className":1315,"code":1316,"filename":1317,"language":1318,"meta":1218,"style":1218},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"mcpServers\": {\n    \"nuxt-motion-block\": {\n      \"type\": \"http\",\n      \"url\": \"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\"\n    }\n  }\n}\n",".cursor\u002Fmcp.json","json",[1092,1320,1321,1327,1346,1361,1386,1405,1411,1417],{"__ignoreMap":1218},[1222,1322,1323],{"class":1224,"line":1225},[1222,1324,1326],{"class":1325},"sMK4o","{\n",[1222,1328,1330,1333,1337,1340,1343],{"class":1224,"line":1329},2,[1222,1331,1332],{"class":1325},"  \"",[1222,1334,1336],{"class":1335},"spNyl","mcpServers",[1222,1338,1339],{"class":1325},"\"",[1222,1341,1342],{"class":1325},":",[1222,1344,1345],{"class":1325}," {\n",[1222,1347,1349,1352,1355,1357,1359],{"class":1224,"line":1348},3,[1222,1350,1351],{"class":1325},"    \"",[1222,1353,1354],{"class":1228},"nuxt-motion-block",[1222,1356,1339],{"class":1325},[1222,1358,1342],{"class":1325},[1222,1360,1345],{"class":1325},[1222,1362,1364,1367,1371,1373,1375,1378,1381,1383],{"class":1224,"line":1363},4,[1222,1365,1366],{"class":1325},"      \"",[1222,1368,1370],{"class":1369},"sbssI","type",[1222,1372,1339],{"class":1325},[1222,1374,1342],{"class":1325},[1222,1376,1377],{"class":1325}," \"",[1222,1379,1380],{"class":1232},"http",[1222,1382,1339],{"class":1325},[1222,1384,1385],{"class":1325},",\n",[1222,1387,1389,1391,1394,1396,1398,1400,1402],{"class":1224,"line":1388},5,[1222,1390,1366],{"class":1325},[1222,1392,1393],{"class":1369},"url",[1222,1395,1339],{"class":1325},[1222,1397,1342],{"class":1325},[1222,1399,1377],{"class":1325},[1222,1401,1252],{"class":1232},[1222,1403,1404],{"class":1325},"\"\n",[1222,1406,1408],{"class":1224,"line":1407},6,[1222,1409,1410],{"class":1325},"    }\n",[1222,1412,1414],{"class":1224,"line":1413},7,[1222,1415,1416],{"class":1325},"  }\n",[1222,1418,1420],{"class":1224,"line":1419},8,[1222,1421,1422],{"class":1325},"}\n",[1088,1424,1425,1426,1429],{},"You can also use the ",[1239,1427,1428],{},"Add MCP Server"," action in the page header's copy menu, which opens Cursor with this configuration prefilled.",[1278,1431,1433],{"id":1432},"vs-code","VS Code",[1212,1435,1438],{"className":1315,"code":1436,"filename":1437,"language":1318,"meta":1218,"style":1218},"{\n  \"servers\": {\n    \"nuxt-motion-block\": {\n      \"type\": \"http\",\n      \"url\": \"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\"\n    }\n  }\n}\n",".vscode\u002Fmcp.json",[1092,1439,1440,1444,1457,1469,1487,1503,1507,1511],{"__ignoreMap":1218},[1222,1441,1442],{"class":1224,"line":1225},[1222,1443,1326],{"class":1325},[1222,1445,1446,1448,1451,1453,1455],{"class":1224,"line":1329},[1222,1447,1332],{"class":1325},[1222,1449,1450],{"class":1335},"servers",[1222,1452,1339],{"class":1325},[1222,1454,1342],{"class":1325},[1222,1456,1345],{"class":1325},[1222,1458,1459,1461,1463,1465,1467],{"class":1224,"line":1348},[1222,1460,1351],{"class":1325},[1222,1462,1354],{"class":1228},[1222,1464,1339],{"class":1325},[1222,1466,1342],{"class":1325},[1222,1468,1345],{"class":1325},[1222,1470,1471,1473,1475,1477,1479,1481,1483,1485],{"class":1224,"line":1363},[1222,1472,1366],{"class":1325},[1222,1474,1370],{"class":1369},[1222,1476,1339],{"class":1325},[1222,1478,1342],{"class":1325},[1222,1480,1377],{"class":1325},[1222,1482,1380],{"class":1232},[1222,1484,1339],{"class":1325},[1222,1486,1385],{"class":1325},[1222,1488,1489,1491,1493,1495,1497,1499,1501],{"class":1224,"line":1388},[1222,1490,1366],{"class":1325},[1222,1492,1393],{"class":1369},[1222,1494,1339],{"class":1325},[1222,1496,1342],{"class":1325},[1222,1498,1377],{"class":1325},[1222,1500,1252],{"class":1232},[1222,1502,1404],{"class":1325},[1222,1504,1505],{"class":1224,"line":1407},[1222,1506,1410],{"class":1325},[1222,1508,1509],{"class":1224,"line":1413},[1222,1510,1416],{"class":1325},[1222,1512,1513],{"class":1224,"line":1419},[1222,1514,1422],{"class":1325},[1278,1516,1518],{"id":1517},"opencode","OpenCode",[1212,1520,1522],{"className":1214,"code":1521,"filename":1216,"language":1217,"meta":1218,"style":1218},"opencode mcp add nuxt-motion-block --url https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\n",[1092,1523,1524],{"__ignoreMap":1218},[1222,1525,1526,1528,1530,1532,1534,1537],{"class":1224,"line":1225},[1222,1527,1517],{"class":1228},[1222,1529,1294],{"class":1232},[1222,1531,1297],{"class":1232},[1222,1533,1306],{"class":1232},[1222,1535,1536],{"class":1232}," --url",[1222,1538,1309],{"class":1232},[1088,1540,1541,1542,1545,1546,1342],{},"That writes the server to the project config; add ",[1092,1543,1544],{},"--global"," to register it for every project. To configure it by hand, add it under ",[1092,1547,1548],{},"mcp.servers",[1212,1550,1553],{"className":1315,"code":1551,"filename":1552,"language":1318,"meta":1218,"style":1218},"{\n  \"$schema\": \"https:\u002F\u002Fopencode.ai\u002Fconfig.json\",\n  \"mcp\": {\n    \"servers\": {\n      \"nuxt-motion-block\": {\n        \"type\": \"remote\",\n        \"url\": \"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fmcp\"\n      }\n    }\n  }\n}\n","opencode.json",[1092,1554,1555,1559,1579,1592,1604,1616,1637,1653,1658,1663,1668],{"__ignoreMap":1218},[1222,1556,1557],{"class":1224,"line":1225},[1222,1558,1326],{"class":1325},[1222,1560,1561,1563,1566,1568,1570,1572,1575,1577],{"class":1224,"line":1329},[1222,1562,1332],{"class":1325},[1222,1564,1565],{"class":1335},"$schema",[1222,1567,1339],{"class":1325},[1222,1569,1342],{"class":1325},[1222,1571,1377],{"class":1325},[1222,1573,1574],{"class":1232},"https:\u002F\u002Fopencode.ai\u002Fconfig.json",[1222,1576,1339],{"class":1325},[1222,1578,1385],{"class":1325},[1222,1580,1581,1583,1586,1588,1590],{"class":1224,"line":1348},[1222,1582,1332],{"class":1325},[1222,1584,1585],{"class":1335},"mcp",[1222,1587,1339],{"class":1325},[1222,1589,1342],{"class":1325},[1222,1591,1345],{"class":1325},[1222,1593,1594,1596,1598,1600,1602],{"class":1224,"line":1363},[1222,1595,1351],{"class":1325},[1222,1597,1450],{"class":1228},[1222,1599,1339],{"class":1325},[1222,1601,1342],{"class":1325},[1222,1603,1345],{"class":1325},[1222,1605,1606,1608,1610,1612,1614],{"class":1224,"line":1388},[1222,1607,1366],{"class":1325},[1222,1609,1354],{"class":1369},[1222,1611,1339],{"class":1325},[1222,1613,1342],{"class":1325},[1222,1615,1345],{"class":1325},[1222,1617,1618,1621,1624,1626,1628,1630,1633,1635],{"class":1224,"line":1407},[1222,1619,1620],{"class":1325},"        \"",[1222,1622,1370],{"class":1623},"swJcz",[1222,1625,1339],{"class":1325},[1222,1627,1342],{"class":1325},[1222,1629,1377],{"class":1325},[1222,1631,1632],{"class":1232},"remote",[1222,1634,1339],{"class":1325},[1222,1636,1385],{"class":1325},[1222,1638,1639,1641,1643,1645,1647,1649,1651],{"class":1224,"line":1413},[1222,1640,1620],{"class":1325},[1222,1642,1393],{"class":1623},[1222,1644,1339],{"class":1325},[1222,1646,1342],{"class":1325},[1222,1648,1377],{"class":1325},[1222,1650,1252],{"class":1232},[1222,1652,1404],{"class":1325},[1222,1654,1655],{"class":1224,"line":1419},[1222,1656,1657],{"class":1325},"      }\n",[1222,1659,1661],{"class":1224,"line":1660},9,[1222,1662,1410],{"class":1325},[1222,1664,1666],{"class":1224,"line":1665},10,[1222,1667,1416],{"class":1325},[1222,1669,1671],{"class":1224,"line":1670},11,[1222,1672,1422],{"class":1325},[1088,1674,1675,1678,1679,1682,1683,1686],{},[1092,1676,1677],{},"opencode.jsonc"," works the same way if you prefer to keep comments in the config. Check the connection with ",[1092,1680,1681],{},"opencode mcp list",", or run ",[1092,1684,1685],{},"\u002Fmcps"," inside OpenCode.",[1278,1688,1690],{"id":1689},"other-clients","Other clients",[1088,1692,1693,1694,1699,1700,1705],{},"Any client that supports a remote (streamable HTTP) MCP server can use the same URL — Windsurf, Zed and Cline included. The ",[1101,1695,1698],{"href":1696,"rel":1697},"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002F.well-known\u002Fmcp\u002Fserver-card.json",[1105],"server card"," describes the endpoint, and the ",[1101,1701,1704],{"href":1702,"rel":1703},"https:\u002F\u002Fnuxt-motion-block.pages.dev\u002Fopenapi.json",[1105],"OpenAPI document"," lists every route the site serves to agents.",[1109,1707,1709],{"id":1708},"rules-to-give-your-agent","Rules to give your agent",[1088,1711,1712,1713,1716,1717,1720],{},"Agents get Nuxt Motion Block wrong in predictable ways: they drop the component prefix, invent props, or hand-write animations the module already ships. Drop this block into ",[1092,1714,1715],{},"AGENTS.md",", ",[1092,1718,1719],{},"CLAUDE.md"," or a Cursor rule so yours doesn't:",[1212,1722,1726],{"className":1723,"code":1724,"filename":1715,"language":1725,"meta":1218,"style":1218},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","## Nuxt Motion Block\n\nMotion components for Nuxt UI, powered by motion-v.\nDocs: https:\u002F\u002Fnuxt-motion-block.pages.dev — machine-readable at \u002Fllms.txt, or via MCP at \u002Fmcp.\n\n- Install with `npx nuxi module add nuxt-motion-block`, then register the modules:\n  modules: ['@nuxt\u002Fui', 'motion-v\u002Fnuxt', 'nuxt-motion-block']\n- Requires Nuxt 4, `@nuxt\u002Fui` >= 4.11.2 and `motion-v` >= 2.4.4.\n- Components are auto-imported with an `M` prefix: `\u003CMAnimatedBackground>`, `\u003CMTextGlitch>`,\n  `\u003CM3DCard>`, `\u003CMDock>`. Take the exact name from the component's docs page and never\n  write an import for it.\n- Composables are auto-imported too (`useMotionBlockUI`, `useThemeColor`, `useCanvasCursor`,\n  `useFluidCursor`). Import them from `#imports` only if tooling needs it.\n- Restyle with the `ui` prop (keyed by slot name) or `class` (merged with conflict\n  resolution). Never add CSS resets or `!important`.\n- App-wide overrides go in `app.config.ts` under `ui.\u003CcamelCaseName>.slots`.\n- Before using a component, read its page: `\u002Fraw\u002Fcomponents\u002F\u003Ccategory>\u002F\u003Cname>.md`\n  (or MCP `get-page`). Do not invent props, events or slots.\n","md",[1092,1727,1728,1736,1742,1748,1753,1757,1776,1781,1808,1843,1865,1870,1902,1924,1952,1968,1995,2011],{"__ignoreMap":1218},[1222,1729,1730,1733],{"class":1224,"line":1225},[1222,1731,1732],{"class":1325},"## ",[1222,1734,1735],{"class":1228},"Nuxt Motion Block\n",[1222,1737,1738],{"class":1224,"line":1329},[1222,1739,1741],{"emptyLinePlaceholder":1740},true,"\n",[1222,1743,1744],{"class":1224,"line":1348},[1222,1745,1747],{"class":1746},"sTEyZ","Motion components for Nuxt UI, powered by motion-v.\n",[1222,1749,1750],{"class":1224,"line":1363},[1222,1751,1752],{"class":1746},"Docs: https:\u002F\u002Fnuxt-motion-block.pages.dev — machine-readable at \u002Fllms.txt, or via MCP at \u002Fmcp.\n",[1222,1754,1755],{"class":1224,"line":1388},[1222,1756,1741],{"emptyLinePlaceholder":1740},[1222,1758,1759,1762,1765,1768,1771,1773],{"class":1224,"line":1407},[1222,1760,1761],{"class":1325},"-",[1222,1763,1764],{"class":1746}," Install with ",[1222,1766,1767],{"class":1325},"`",[1222,1769,1770],{"class":1232},"npx nuxi module add nuxt-motion-block",[1222,1772,1767],{"class":1325},[1222,1774,1775],{"class":1746},", then register the modules:\n",[1222,1777,1778],{"class":1224,"line":1413},[1222,1779,1780],{"class":1746},"  modules: ['@nuxt\u002Fui', 'motion-v\u002Fnuxt', 'nuxt-motion-block']\n",[1222,1782,1783,1785,1788,1790,1793,1795,1798,1800,1803,1805],{"class":1224,"line":1419},[1222,1784,1761],{"class":1325},[1222,1786,1787],{"class":1746}," Requires Nuxt 4, ",[1222,1789,1767],{"class":1325},[1222,1791,1792],{"class":1232},"@nuxt\u002Fui",[1222,1794,1767],{"class":1325},[1222,1796,1797],{"class":1746}," >= 4.11.2 and ",[1222,1799,1767],{"class":1325},[1222,1801,1802],{"class":1232},"motion-v",[1222,1804,1767],{"class":1325},[1222,1806,1807],{"class":1746}," >= 2.4.4.\n",[1222,1809,1810,1812,1815,1817,1820,1822,1825,1827,1830,1832,1834,1836,1839,1841],{"class":1224,"line":1660},[1222,1811,1761],{"class":1325},[1222,1813,1814],{"class":1746}," Components are auto-imported with an ",[1222,1816,1767],{"class":1325},[1222,1818,1819],{"class":1232},"M",[1222,1821,1767],{"class":1325},[1222,1823,1824],{"class":1746}," prefix: ",[1222,1826,1767],{"class":1325},[1222,1828,1829],{"class":1232},"\u003CMAnimatedBackground>",[1222,1831,1767],{"class":1325},[1222,1833,1716],{"class":1746},[1222,1835,1767],{"class":1325},[1222,1837,1838],{"class":1232},"\u003CMTextGlitch>",[1222,1840,1767],{"class":1325},[1222,1842,1385],{"class":1746},[1222,1844,1845,1848,1851,1853,1855,1857,1860,1862],{"class":1224,"line":1665},[1222,1846,1847],{"class":1325},"  `",[1222,1849,1850],{"class":1232},"\u003CM3DCard>",[1222,1852,1767],{"class":1325},[1222,1854,1716],{"class":1746},[1222,1856,1767],{"class":1325},[1222,1858,1859],{"class":1232},"\u003CMDock>",[1222,1861,1767],{"class":1325},[1222,1863,1864],{"class":1746},". Take the exact name from the component's docs page and never\n",[1222,1866,1867],{"class":1224,"line":1670},[1222,1868,1869],{"class":1746},"  write an import for it.\n",[1222,1871,1873,1875,1878,1880,1882,1884,1886,1888,1890,1892,1894,1896,1898,1900],{"class":1224,"line":1872},12,[1222,1874,1761],{"class":1325},[1222,1876,1877],{"class":1746}," Composables are auto-imported too (",[1222,1879,1767],{"class":1325},[1222,1881,881],{"class":1232},[1222,1883,1767],{"class":1325},[1222,1885,1716],{"class":1746},[1222,1887,1767],{"class":1325},[1222,1889,885],{"class":1232},[1222,1891,1767],{"class":1325},[1222,1893,1716],{"class":1746},[1222,1895,1767],{"class":1325},[1222,1897,873],{"class":1232},[1222,1899,1767],{"class":1325},[1222,1901,1385],{"class":1746},[1222,1903,1905,1907,1909,1911,1914,1916,1919,1921],{"class":1224,"line":1904},13,[1222,1906,1847],{"class":1325},[1222,1908,877],{"class":1232},[1222,1910,1767],{"class":1325},[1222,1912,1913],{"class":1746},"). Import them from ",[1222,1915,1767],{"class":1325},[1222,1917,1918],{"class":1232},"#imports",[1222,1920,1767],{"class":1325},[1222,1922,1923],{"class":1746}," only if tooling needs it.\n",[1222,1925,1927,1929,1932,1934,1937,1939,1942,1944,1947,1949],{"class":1224,"line":1926},14,[1222,1928,1761],{"class":1325},[1222,1930,1931],{"class":1746}," Restyle with the ",[1222,1933,1767],{"class":1325},[1222,1935,1936],{"class":1232},"ui",[1222,1938,1767],{"class":1325},[1222,1940,1941],{"class":1746}," prop (keyed by slot name) or ",[1222,1943,1767],{"class":1325},[1222,1945,1946],{"class":1232},"class",[1222,1948,1767],{"class":1325},[1222,1950,1951],{"class":1746}," (merged with conflict\n",[1222,1953,1955,1958,1960,1963,1965],{"class":1224,"line":1954},15,[1222,1956,1957],{"class":1746},"  resolution). Never add CSS resets or ",[1222,1959,1767],{"class":1325},[1222,1961,1962],{"class":1232},"!important",[1222,1964,1767],{"class":1325},[1222,1966,1967],{"class":1746},".\n",[1222,1969,1971,1973,1976,1978,1981,1983,1986,1988,1991,1993],{"class":1224,"line":1970},16,[1222,1972,1761],{"class":1325},[1222,1974,1975],{"class":1746}," App-wide overrides go in ",[1222,1977,1767],{"class":1325},[1222,1979,1980],{"class":1232},"app.config.ts",[1222,1982,1767],{"class":1325},[1222,1984,1985],{"class":1746}," under ",[1222,1987,1767],{"class":1325},[1222,1989,1990],{"class":1232},"ui.\u003CcamelCaseName>.slots",[1222,1992,1767],{"class":1325},[1222,1994,1967],{"class":1746},[1222,1996,1998,2000,2003,2005,2008],{"class":1224,"line":1997},17,[1222,1999,1761],{"class":1325},[1222,2001,2002],{"class":1746}," Before using a component, read its page: ",[1222,2004,1767],{"class":1325},[1222,2006,2007],{"class":1232},"\u002Fraw\u002Fcomponents\u002F\u003Ccategory>\u002F\u003Cname>.md",[1222,2009,2010],{"class":1325},"`\n",[1222,2012,2014,2017,2019,2021,2023],{"class":1224,"line":2013},18,[1222,2015,2016],{"class":1746},"  (or MCP ",[1222,2018,1767],{"class":1325},[1222,2020,1272],{"class":1232},[1222,2022,1767],{"class":1325},[1222,2024,2025],{"class":1746},"). Do not invent props, events or slots.\n",[1109,2027,2029],{"id":2028},"common-pitfalls","Common pitfalls",[1088,2031,2032,2035,2036,2039,2040,2043,2044,2046,2047,1716,2049,2051,2052,2055,2056,2058],{},[1239,2033,2034],{},"Dropping the prefix."," ",[1092,2037,2038],{},"\u003CAnimatedBackground>"," and ",[1092,2041,2042],{},"\u003CTextGlitch>"," are not registered — the module only registers ",[1092,2045,1819],{},"-prefixed names (",[1092,2048,1829],{},[1092,2050,1838],{},"). The prefix is configurable, so read it from the project's ",[1092,2053,2054],{},"nuxt.config.ts"," rather than assuming ",[1092,2057,1819],{},".",[1088,2060,2061,2064,2065,2068,2069,2072],{},[1239,2062,2063],{},"Importing components by hand."," The package exports its module, themes, types and composables — not ",[1092,2066,2067],{},".vue"," files. A manual ",[1092,2070,2071],{},"import { AnimatedBackground } from 'nuxt-motion-block'"," will not resolve; the components are registered for you.",[1088,2074,2075,2078],{},[1239,2076,2077],{},"Inventing the API."," Every component page lists its own props, events, slots and theme slots, and those are what the raw markdown returns. Guessing a prop name is the most common source of broken output.",[1088,2080,2081,2084,2085,2087,2088,2058],{},[1239,2082,2083],{},"Version drift on Nuxt UI."," The components extend Nuxt UI v4 themes. On an older ",[1092,2086,1792],{}," the themes and CSS variables won't resolve, so pin ",[1092,2089,2090],{},">= 4.11.2",[1088,2092,2093,2096,2097,1716,2100,2103,2104,2058],{},[1239,2094,2095],{},"Hardcoding theme colours."," Components that paint to canvas or WebGL accept Nuxt UI tokens (",[1092,2098,2099],{},"var(--ui-primary)",[1092,2101,2102],{},"--ui-text-dimmed",") and resolve them for the current colour mode. A hardcoded hex will not follow the theme — see ",[1101,2105,20],{"href":21},[1088,2107,2108,2111,2112,2114,2115,2117,2118,2120],{},[1239,2109,2110],{},"Fighting the style layer."," Use the ",[1092,2113,1936],{}," prop for a specific inner element and ",[1092,2116,1946],{}," for quick tweaks; both merge with the component's defaults by conflict resolution. Resets and ",[1092,2119,1962],{}," break that merge.",[1109,2122,2124],{"id":2123},"verifying-generated-code","Verifying generated code",[1088,2126,2127,2128,2131],{},"Ask the agent to run the project after generating code. A wrong component name fails at compile time with an unresolved-component warning, and a wrong prop shows up as a Vue warning in the console — both are cheap to catch in a local ",[1092,2129,2130],{},"nuxi dev"," before anything ships.",[1235,2133,2134,2135,2138],{},"Building a chat or agent UI rather than coding with an agent? The module ships an ",[1101,2136,2137],{"href":74},"AI component family"," — messages, reasoning, tool calls, citations and sources — for exactly that.",[2140,2141,2142],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":1218,"searchDepth":1329,"depth":1329,"links":2144},[2145,2146,2153,2154,2155],{"id":1111,"depth":1329,"text":1112},{"id":1245,"depth":1329,"text":1246,"children":2147},[2148,2149,2150,2151,2152],{"id":1280,"depth":1348,"text":1281},{"id":1312,"depth":1348,"text":611},{"id":1432,"depth":1348,"text":1433},{"id":1517,"depth":1348,"text":1518},{"id":1689,"depth":1348,"text":1690},{"id":1708,"depth":1329,"text":1709},{"id":2028,"depth":1329,"text":2029},{"id":2123,"depth":1329,"text":2124},"Point coding agents at Nuxt Motion Block — the machine-readable docs this site publishes, its MCP server, and the conventions an agent has to follow.",null,{},{"title":24,"description":2156},"Z2L-l5QEHxeuCAXiBi5_d0lTK38Xz2L2r428KcLMaHU",[2162,2164],{"title":20,"path":21,"stem":22,"description":2163,"children":-1},"Customize component styles with the ui prop, app.config, and per-slot theme overrides.",{"title":29,"path":30,"stem":31,"description":2165,"children":-1},"Coming soon. This section is being written.",1792420526448]