Magic UI llms.txt · AI Docs Browser · mdream [llms.txt Tools](https://mdream.dev/llms-txt/magicui/llms-txt) # Magic UI llms.txt Browse Magic UI documentation as markdown. Click any page in the sidebar to view it, or copy the full llms.txt for your AI tools. magicui.design/llms.txt [Raw llms.txt](https://magicui.design/llms.txt) [Raw llms-full.txt](https://magicui.design/llms-full.txt) Copy Markdown [](https://magicui.design/llms.txt) llms.txt Components Android Animated Beam Animated Circular Progress Bar Animated Gradient Text Animated Grid Pattern Animated List Animated Shiny Text Theme Toggler Aurora Text Avatar Circles Backlight Bento Grid Blur Fade Border Beam Client Tweet Card Code Comparison Comic Text Confetti Cool Mode Dia Text Reveal Dock Dot Pattern Dotted Map File Tree Flickering Grid Glare Hover Globe Glyph Matrix Grid Pattern Hero Video Dialog Hexagon Pattern Highlighter Hyper Text Icon Cloud Interactive Grid Pattern interactive-hover-button iPhone Kinetic Text Lens Light Rays Line Shadow Text Magic Card Marquee Meteors Morphing Text Neon Gradient Card Noise Texture Number Ticker Orbiting Circles Particles Pixel Image Pointer Progressive Blur Pulsating Button Rainbow Button Retro Grid Ripple Ripple Button Safari Scroll Based Velocity Scroll Progress Shimmer Button Shine Border Shiny Button smooth-cursor Sparkles Text Spinning Text Striped Pattern Terminal Text 3D Flip Text Animate Text Reveal Tweet Card Typing Animation Video Text Warp Background Word Rotate Examples Magic Card Demo Magic Card Demo 2 Android Demo Android Demo 2 Android Demo 3 Warp Background Demo Line Shadow Text Demo Aurora Text Demo Morphing Text Demo Scroll Progress Demo Lens Demo Lens Demo 2 Lens Demo 3 Pointer Demo 1 smooth-cursor-demo Progressive Blur Demo Neon Gradient Card Demo Noise Texture Demo Noise Texture Demo (newsletter card) Noise Texture Demo (button) Noise Texture Demo (input) Meteors Demo Grid Pattern Demo Striped Pattern Demo Striped Pattern (Dashed) Striped Pattern (Right) Grid Pattern Linear Gradient Grid Pattern Dashed Hexagon Pattern Demo Hexagon Pattern Linear Gradient Hexagon Pattern Dashed Hexagon Pattern Spacing Dot Pattern Demo Dot Pattern Linear Gradient Dot Pattern with glow effect Flickering Grid Demo Flickering Grid Rounded Demo Hero Video Dialog Demo Hero Video Dialog Top In Bottom Out Demo Code Comparison Demo Marquee Demo Marquee Vertical Demo Marquee Logos Marquee 3D Globe Demo Glyph Matrix Demo Glare Hover Demo Glare Hover Demo — CTA Glare Hover Demo — Alerts Tweet Card Demo Tweet Card Images Tweet Card Meta Preview Shimmer Button Demo Bento Demo Bento Vertical Demo Number Ticker Demo Number Ticker Demo 2 Number Ticker Decimal Demo Ripple Demo Retro Grid Demo Animated List Demo Animated Shiny Text Demo Particles Demo Animated Grid Pattern Demo Interactive Grid Pattern Demo Interactive Grid Pattern Demo 2 Border Beam Demo Border Beam Demo Border Beam Demo 3 Border Beam Demo 4 Animated Beam Demo Animated Beam Unidirectional Animated Beam Bidirectional Animated Beam Multiple Inputs Animated Beam Multiple Outputs Text Reveal Demo Dia Text Reveal Demo Dia Text Reveal Demo 2 Dia Text Reveal Demo 3 Dia Text Reveal Demo 4 Animated Gradient Text Demo Animated Gradient Text Demo 2 Orbiting Circles Demo Dock Demo Dock Demo 2 Dock Demo 3 Word Rotate Demo Hyper Text Demo Avatar Circles Demo Typing Animation Demo Typing Animation Multiple Words Typing Animation Custom Speed Typing Animation Start on View Typing Animation Without Cursor Typing Animation Single Play Typing Animation Cursor Blinking Typing Animation Cursor Styles Scroll Based Velocity Demo Scroll Based Velocity Images Sparkles Text Demo Spinning Text Demo Spinning Text Demo 2 Comic Text Demo Icon Cloud Demo Icon Cloud Demo 2 Icon Cloud Demo 3 Text Animate Demo Text Animate Demo 2 Text Animate Demo 3 Text Animate Demo 4 Text Animate Demo 5 Text Animate Demo 6 Text Animate Demo 7 Text Animate Demo 8 Text Animate Demo 9 Shiny Button Demo Animated Circular Progress Bar Demo Shine Border Demo Shine Border Demo 2 Confetti Demo Confetti Basic Cannon Confetti Random Direction Confetti Fireworks Confetti Stars Confetti Side Cannons Confetti Custom Shapes Confetti Emoji Cool Mode Demo Cool Mode Custom Pulsating Button Demo Pulsating Button Demo 2 Ripple Button Demo File Tree Demo Blur Fade Demo Blur Fade Text Demo Safari Demo Safari Demo 2 Safari Demo 3 Safari Demo 4 iPhone Demo iPhone Demo 2 iPhone Demo 3 Rainbow Button Demo Rainbow Button Demo 2 Interactive Hover Button Demo Terminal Demo Terminal Demo Video Text Demo Pixel Image Demo Highlighter Demo Animated Theme Toggler Demo Animated Theme Toggler — Square Animated Theme Toggler — Diamond Animated Theme Toggler — Rectangle Animated Theme Toggler — Hexagon Animated Theme Toggler — Triangle Animated Theme Toggler — Star Animated Theme Toggler — next-themes light-rays-demo Dotted Map Demo Dotted Map Demo 2 Dotted Map Demo 3 backlight-video-demo backlight-image-demo backlight-svg-demo kinetic-text-demo Text 3D Flip Demo Text 3D Flip Demo 2 Optional Repository Sitemap ## What is Magic UI's llms.txt? Magic UI publishes an `/llms.txt` file that provides AI systems with a structured index of its documentation. It follows the [llms.txt specification](https://llmstxt.org), organizing links to guides, API references, and tutorials under section headings so that LLMs like ChatGPT, Claude, and Gemini can quickly understand what Magic UI offers and where to find details. Pass Spec 3 Sections 247 Links 31.6 KB Size ~8.1k Tokens Sections: Components · Examples · Optional ## Add Magic UI Docs to Your AI Assistant Select your tool to see how to add Magic UI's llms.txt as a documentation source. Cursor Windsurf Claude Code ChatGPT Zed Copilot 1. 1 Open any chat or composer panel 2. 2 Type @Docs and select "Add new doc" 3. 3 Paste the URL: https://magicui.design/llms.txt 4. 4 Wait for the green dot (indexing complete) 5. 5 Reference @Docs in chat when asking about Magic UI Cursor crawls the URL and indexes all subpages. Add a trailing slash to index child pages too. ## Spec Compliance 2 notes ## Frequently Asked Questions Where is Magic UI's llms.txt file? Magic UI publishes its llms.txt at https://magicui.design/llms.txt. This file provides a structured, markdown-formatted index of Magic UI's documentation that AI systems can consume to understand the project's APIs, guides, and references. How do I use Magic UI's llms.txt with AI coding assistants? Copy the llms.txt content and paste it into your AI assistant (Cursor, Windsurf, Claude, ChatGPT) as context. This gives the AI an accurate map of Magic UI's documentation so it can provide better code suggestions and answers about Magic UI. What does Magic UI's llms.txt contain? Magic UI's llms.txt contains 3 sections and 247 documentation links in 31.6 KB (~8.1k tokens). Key sections include Components, Examples, Optional. How many tokens does Magic UI's llms.txt use? The concise llms.txt index is approximately 8.1k tokens (31.6 KB). Most AI assistants can fit this within their context window. For the full expanded documentation, look for an llms-full.txt variant which embeds all content inline. What is Magic UI? Beautifully designed landing page components built with React & Tailwind CSS.. Magic UI's llms.txt file helps AI systems understand this by providing a structured overview of its documentation, making it easier for developers to get accurate AI-assisted help when working with Magic UI. Can I generate an llms.txt for my own project? Yes. Use the free llms.txt generator at mdream.dev/tools/llms-txt/generator to crawl your site and produce a spec-compliant llms.txt file. You can also validate existing files with the llms.txt validator. ## Browse More llms.txt Files [Activepieces](https://mdream.dev/llms-txt/magicui/llms-txt/activepieces) [Helicone OSS LLM Observability](https://mdream.dev/llms-txt/magicui/llms-txt/helicone) [Scanopy Documentation Network topology discovery and visualization platform. Scanopy helps you map your infrastructure by discovering hosts, services, and their relationships across your networks.](https://mdream.dev/llms-txt/magicui/llms-txt/scanopy) [Overview Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines](https://mdream.dev/llms-txt/magicui/llms-txt/zag) [Kaneo](https://mdream.dev/llms-txt/magicui/llms-txt/kaneo) [Fiber](https://mdream.dev/llms-txt/magicui/llms-txt/gofiber) [E2B Docs](https://mdream.dev/llms-txt/magicui/llms-txt/e2b) [HeroUI v3 Documentation A set of beautiful, customizable React and React Native components that stay maintained and up to date.](https://mdream.dev/llms-txt/magicui/llms-txt/heroui) [View all 99 projects ](https://mdream.dev/llms-txt/magicui/llms-txt) ## Related Tools [

llms.txt Generator

Generate an llms.txt for your own project.](https://mdream.dev/llms-txt/magicui/tools/llms-txt/generator) [

llms.txt Validator

Validate your llms.txt against the official spec.](https://mdream.dev/llms-txt/magicui/tools/llms-txt/validator) © 2026 [Harlan Wilton](https://github.com/harlan-zw) · [MIT](https://github.com/harlan-zw/mdream/blob/main/license) [GitHub](https://github.com/harlan-zw/mdream) [Discord](https://discord.com/invite/275MBUBvgP)