gitextract_qvmhi0l2/ ├── .cursor/ │ └── mcp.json ├── .editorconfig ├── .gitattributes ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug_report.yml │ │ └── feature_request.yml │ ├── PULL_REQUEST_TEMPLATE.md │ ├── scripts/ │ │ ├── publish-articles.cjs │ │ └── submit-sitemap.mjs │ └── workflows/ │ ├── code-check.yml │ ├── publish-article.yml │ └── submit-sitemap.yml ├── .gitignore ├── .prettierignore ├── AGENTS.md ├── CONTRIBUTING.md ├── LICENSE.md ├── README.md ├── apps/ │ └── www/ │ ├── .env.example │ ├── .gitignore │ ├── .prettierignore │ ├── app/ │ │ ├── (blog)/ │ │ │ └── blog/ │ │ │ ├── [...slug]/ │ │ │ │ └── page.tsx │ │ │ ├── layout.tsx │ │ │ └── page.tsx │ │ ├── (docs)/ │ │ │ ├── docs/ │ │ │ │ ├── [[...slug]]/ │ │ │ │ │ └── page.tsx │ │ │ │ ├── layout.tsx │ │ │ │ ├── loading.tsx │ │ │ │ └── not-found.tsx │ │ │ └── layout.tsx │ │ ├── (marketing)/ │ │ │ ├── layout.tsx │ │ │ ├── page.tsx │ │ │ └── showcase/ │ │ │ ├── [...slug]/ │ │ │ │ └── page.tsx │ │ │ └── page.tsx │ │ ├── api/ │ │ │ └── blog-webhook/ │ │ │ └── route.ts │ │ ├── layout.tsx │ │ ├── llm/ │ │ │ └── [[...slug]]/ │ │ │ └── route.ts │ │ ├── not-found.tsx │ │ ├── og/ │ │ │ ├── geist-regular-otf.json │ │ │ ├── geist-semibold-otf.json │ │ │ ├── geistmono-regular-otf.json │ │ │ └── route.tsx │ │ ├── robots.ts │ │ └── sitemap.ts │ ├── components/ │ │ ├── analytics.tsx │ │ ├── blog/ │ │ │ ├── mobile-toc.tsx │ │ │ └── table-of-contents.tsx │ │ ├── blur-image.tsx │ │ ├── callout.tsx │ │ ├── code-block-command.tsx │ │ ├── code-block-wrapper.tsx │ │ ├── code-collapsible-wrapper.tsx │ │ ├── code-tabs.tsx │ │ ├── command-menu.tsx │ │ ├── component-preview-tabs.tsx │ │ ├── component-preview.tsx │ │ ├── component-source.tsx │ │ ├── components-list.tsx │ │ ├── contribute.tsx │ │ ├── copy-button.tsx │ │ ├── deal-banner.tsx │ │ ├── discord-link.tsx │ │ ├── docs-copy-page.tsx │ │ ├── docs-sidebar.tsx │ │ ├── docs-toc.tsx │ │ ├── github-link.tsx │ │ ├── gradient-blur.tsx │ │ ├── icons.tsx │ │ ├── logo-button.tsx │ │ ├── main-nav.tsx │ │ ├── mobile-nav.tsx │ │ ├── mode-toggle.tsx │ │ ├── open-in-v0-button.tsx │ │ ├── ping-dot.tsx │ │ ├── posthog-provider.tsx │ │ ├── sections/ │ │ │ ├── component-demos.tsx │ │ │ ├── cta.tsx │ │ │ ├── expandable-masonary-section.tsx │ │ │ ├── hero.tsx │ │ │ ├── showcase.tsx │ │ │ ├── testimonial-tweet-link.tsx │ │ │ ├── testimonials.tsx │ │ │ └── video-testimonials.tsx │ │ ├── sidebar-cta.tsx │ │ ├── site-banner.tsx │ │ ├── site-footer.tsx │ │ ├── site-header.tsx │ │ ├── tech-stack.tsx │ │ ├── template-open.tsx │ │ ├── template-preview.tsx │ │ ├── theme-provider.tsx │ │ ├── ui/ │ │ │ ├── accordion.tsx │ │ │ ├── alert.tsx │ │ │ ├── avatar.tsx │ │ │ ├── badge.tsx │ │ │ ├── button.tsx │ │ │ ├── calendar.tsx │ │ │ ├── card.tsx │ │ │ ├── collapsible.tsx │ │ │ ├── command.tsx │ │ │ ├── context-menu.tsx │ │ │ ├── dialog.tsx │ │ │ ├── dropdown-menu.tsx │ │ │ ├── form.tsx │ │ │ ├── input.tsx │ │ │ ├── label.tsx │ │ │ ├── popover.tsx │ │ │ ├── scroll-area.tsx │ │ │ ├── select.tsx │ │ │ ├── separator.tsx │ │ │ ├── sheet.tsx │ │ │ ├── sidebar.tsx │ │ │ ├── skeleton.tsx │ │ │ ├── sonner.tsx │ │ │ ├── switch.tsx │ │ │ ├── table.tsx │ │ │ ├── tabs.tsx │ │ │ └── tooltip.tsx │ │ └── version-select.tsx │ ├── components.json │ ├── config/ │ │ ├── docs.ts │ │ └── site.ts │ ├── content/ │ │ ├── blog/ │ │ │ ├── animated-landing-page.mdx │ │ │ ├── animation-libraries.mdx │ │ │ ├── animation-on-scroll-css.mdx │ │ │ ├── ant-design-alternatives.mdx │ │ │ ├── ant-design-vs-material-ui.mdx │ │ │ ├── app-landing-page.mdx │ │ │ ├── best-react-component-library.mdx │ │ │ ├── best-react-native-ui-library.mdx │ │ │ ├── best-react-ui-framework.mdx │ │ │ ├── best-saas-landing-pages.mdx │ │ │ ├── best-web-design-tools.mdx │ │ │ ├── best-web-developer-portfolios.mdx │ │ │ ├── bootstrap-vs-react.mdx │ │ │ ├── cards-ui-design.mdx │ │ │ ├── carousel-user-interface.mdx │ │ │ ├── chakra-ui-vs-material-ui.mdx │ │ │ ├── color-theory-for-web-design.mdx │ │ │ ├── component-libraries.mdx │ │ │ ├── component-library-examples.mdx │ │ │ ├── cool-css-animations.mdx │ │ │ ├── cool-react-components.mdx │ │ │ ├── create-next-js-app.mdx │ │ │ ├── create-nextjs-app.mdx │ │ │ ├── create-react-component-library.mdx │ │ │ ├── creating-next-js-app.mdx │ │ │ ├── creative-landing-page-design.mdx │ │ │ ├── css-animation-on-scroll.mdx │ │ │ ├── css-buttons-hover.mdx │ │ │ ├── css-loader-animation.mdx │ │ │ ├── css-loading-animation.mdx │ │ │ ├── cta-design.mdx │ │ │ ├── dashboard-design-ui.mdx │ │ │ ├── disable-textarea-resize.mdx │ │ │ ├── drop-down-menu-in-js.mdx │ │ │ ├── dropdown-in-react-js.mdx │ │ │ ├── faq-template.mdx │ │ │ ├── framer-motion-react.mdx │ │ │ ├── free-react-components.mdx │ │ │ ├── hero-section-design.mdx │ │ │ ├── how-to-add-animation-to-website.mdx │ │ │ ├── how-to-build-a-landing-page.mdx │ │ │ ├── how-to-choose-tech-stack.mdx │ │ │ ├── how-to-create-a-landing-page.mdx │ │ │ ├── how-to-create-drop-down-menu.mdx │ │ │ ├── how-to-create-navigation-bar-in-html.mdx │ │ │ ├── how-to-design-a-landing-page.mdx │ │ │ ├── how-to-display-testimonials-on-website.mdx │ │ │ ├── how-to-improve-website-conversion-rates.mdx │ │ │ ├── how-to-improve-website-loading-speed.mdx │ │ │ ├── how-to-improve-website-performance.mdx │ │ │ ├── how-to-learn-react.mdx │ │ │ ├── how-to-make-an-animated-website.mdx │ │ │ ├── how-to-make-an-interactive-website.mdx │ │ │ ├── how-to-make-backgrounds-for-animation.mdx │ │ │ ├── how-to-optimize-images-for-web.mdx │ │ │ ├── infinite-scroll-react.mdx │ │ │ ├── install-tailwind-css.mdx │ │ │ ├── install-tailwind-react.mdx │ │ │ ├── installing-tailwind-css.mdx │ │ │ ├── interactive-landing-page.mdx │ │ │ ├── landing-page-call-to-action.mdx │ │ │ ├── landing-page-copywriting.mdx │ │ │ ├── landing-page-design-templates.mdx │ │ │ ├── landing-page-examples.mdx │ │ │ ├── landing-page-sections.mdx │ │ │ ├── landing-page-ui.mdx │ │ │ ├── mantine-vs-chakra.mdx │ │ │ ├── material-ui-alternatives.mdx │ │ │ ├── material-ui-react.mdx │ │ │ ├── material-ui-vs-joy-ui.mdx │ │ │ ├── mui-box.mdx │ │ │ ├── mui-card.mdx │ │ │ ├── mui-react.mdx │ │ │ ├── mui-table.mdx │ │ │ ├── mui-transitions.mdx │ │ │ ├── navbar-in-react-js.mdx │ │ │ ├── navbar-react-js.mdx │ │ │ ├── navigation-bar-for-website.mdx │ │ │ ├── next-js-app.mdx │ │ │ ├── next-js-create-app.mdx │ │ │ ├── next-js-getting-started.mdx │ │ │ ├── next-js-layout.mdx │ │ │ ├── next-js-project-structure.mdx │ │ │ ├── next-js-tailwind.mdx │ │ │ ├── next-js.mdx │ │ │ ├── nextjs-landing-page.mdx │ │ │ ├── nextjs-portfolio-template.mdx │ │ │ ├── nextjs-website-template.mdx │ │ │ ├── nextjs.mdx │ │ │ ├── portfolio-landing-page.mdx │ │ │ ├── pricing-page-examples.mdx │ │ │ ├── react-animation-examples.mdx │ │ │ ├── react-animation-libraries.mdx │ │ │ ├── react-best-practices.mdx │ │ │ ├── react-bootstrap.mdx │ │ │ ├── react-component-best-practices.mdx │ │ │ ├── react-css-framework.mdx │ │ │ ├── react-design-patterns.mdx │ │ │ ├── react-frameworks.mdx │ │ │ ├── react-header.mdx │ │ │ ├── react-hero-component.mdx │ │ │ ├── react-infinite-scroll.mdx │ │ │ ├── react-js-file-upload.mdx │ │ │ ├── react-js-form-validation.mdx │ │ │ ├── react-js-navbar.mdx │ │ │ ├── react-js-navigation-bar.mdx │ │ │ ├── react-landing-page.mdx │ │ │ ├── react-libraries.mdx │ │ │ ├── react-native-libraries.mdx │ │ │ ├── react-portfolio-template.mdx │ │ │ ├── react-projects-for-beginners.mdx │ │ │ ├── react-tips.mdx │ │ │ ├── react-ui-framework.mdx │ │ │ ├── react-ux.mdx │ │ │ ├── responsive-web-design-templates.mdx │ │ │ ├── saas-landing-page-best-practices.mdx │ │ │ ├── search-input-with-icon.mdx │ │ │ ├── semantic-ui-vs-material-ui.mdx │ │ │ ├── shadcn-ui.mdx │ │ │ ├── sidebar-for-website.mdx │ │ │ ├── social-proof-on-website.mdx │ │ │ ├── startup-landing-page.mdx │ │ │ ├── tailwind-border-radius.mdx │ │ │ ├── tailwind-cdn-html.mdx │ │ │ ├── tailwind-css-button.mdx │ │ │ ├── tailwind-css-component-library.mdx │ │ │ ├── tailwind-css-grid.mdx │ │ │ ├── tailwind-css-install.mdx │ │ │ ├── tailwind-css-react.mdx │ │ │ ├── tailwind-css-template.mdx │ │ │ ├── tailwind-css-templates-free.mdx │ │ │ ├── tailwind-css-themes.mdx │ │ │ ├── tailwind-dark-mode.mdx │ │ │ ├── tailwind-font-size.mdx │ │ │ ├── tailwind-landing-page-templates.mdx │ │ │ ├── tailwind-landing-page.mdx │ │ │ ├── tailwind-portfolio-template.mdx │ │ │ ├── tailwind-vs-bootstrap.mdx │ │ │ ├── text-animation-css.mdx │ │ │ ├── text-loading-bar.mdx │ │ │ ├── time-and-date-picker.mdx │ │ │ ├── typescript-vs-javascript-differences.mdx │ │ │ ├── ui-animation.mdx │ │ │ ├── ui-card-design.mdx │ │ │ ├── ui-framework-for-react.mdx │ │ │ ├── ui-frameworks.mdx │ │ │ ├── ui-libraries.mdx │ │ │ ├── user-interface-design-patterns.mdx │ │ │ ├── user-interface-themes.mdx │ │ │ ├── visual-hierarchy-in-web-design.mdx │ │ │ ├── waitlist-landing-page.mdx │ │ │ ├── web-animation-tools.mdx │ │ │ ├── web-application-design.mdx │ │ │ ├── web-design-best-practices.mdx │ │ │ ├── web-design-trends.mdx │ │ │ ├── website-animation-examples.mdx │ │ │ ├── website-footer.mdx │ │ │ ├── website-header-examples.mdx │ │ │ ├── website-logo-examples.mdx │ │ │ ├── websites-with-great-ui.mdx │ │ │ ├── what-are-ui-components.mdx │ │ │ ├── what-is-a-component-library.mdx │ │ │ ├── what-is-mobile-first-design.mdx │ │ │ └── what-is-nextjs.mdx │ │ ├── docs/ │ │ │ ├── components/ │ │ │ │ ├── android.mdx │ │ │ │ ├── animated-beam.mdx │ │ │ │ ├── animated-circular-progress-bar.mdx │ │ │ │ ├── animated-gradient-text.mdx │ │ │ │ ├── animated-grid-pattern.mdx │ │ │ │ ├── animated-list.mdx │ │ │ │ ├── animated-shiny-text.mdx │ │ │ │ ├── animated-theme-toggler.mdx │ │ │ │ ├── aurora-text.mdx │ │ │ │ ├── avatar-circles.mdx │ │ │ │ ├── bento-grid.mdx │ │ │ │ ├── blur-fade.mdx │ │ │ │ ├── border-beam.mdx │ │ │ │ ├── code-comparison.mdx │ │ │ │ ├── comic-text.mdx │ │ │ │ ├── confetti.mdx │ │ │ │ ├── cool-mode.mdx │ │ │ │ ├── dock.mdx │ │ │ │ ├── dot-pattern.mdx │ │ │ │ ├── dotted-map.mdx │ │ │ │ ├── file-tree.mdx │ │ │ │ ├── flickering-grid.mdx │ │ │ │ ├── globe.mdx │ │ │ │ ├── grid-pattern.mdx │ │ │ │ ├── hero-video-dialog.mdx │ │ │ │ ├── highlighter.mdx │ │ │ │ ├── hyper-text.mdx │ │ │ │ ├── icon-cloud.mdx │ │ │ │ ├── index.mdx │ │ │ │ ├── interactive-grid-pattern.mdx │ │ │ │ ├── interactive-hover-button.mdx │ │ │ │ ├── iphone.mdx │ │ │ │ ├── lens.mdx │ │ │ │ ├── light-rays.mdx │ │ │ │ ├── line-shadow-text.mdx │ │ │ │ ├── magic-card.mdx │ │ │ │ ├── marquee.mdx │ │ │ │ ├── meteors.mdx │ │ │ │ ├── morphing-text.mdx │ │ │ │ ├── neon-gradient-card.mdx │ │ │ │ ├── number-ticker.mdx │ │ │ │ ├── orbiting-circles.mdx │ │ │ │ ├── particles.mdx │ │ │ │ ├── pixel-image.mdx │ │ │ │ ├── pointer.mdx │ │ │ │ ├── progressive-blur.mdx │ │ │ │ ├── pulsating-button.mdx │ │ │ │ ├── rainbow-button.mdx │ │ │ │ ├── retro-grid.mdx │ │ │ │ ├── ripple-button.mdx │ │ │ │ ├── ripple.mdx │ │ │ │ ├── safari.mdx │ │ │ │ ├── scroll-based-velocity.mdx │ │ │ │ ├── scroll-progress.mdx │ │ │ │ ├── shimmer-button.mdx │ │ │ │ ├── shine-border.mdx │ │ │ │ ├── shiny-button.mdx │ │ │ │ ├── smooth-cursor.mdx │ │ │ │ ├── sparkles-text.mdx │ │ │ │ ├── spinning-text.mdx │ │ │ │ ├── striped-pattern.mdx │ │ │ │ ├── terminal.mdx │ │ │ │ ├── text-animate.mdx │ │ │ │ ├── text-reveal.mdx │ │ │ │ ├── tweet-card.mdx │ │ │ │ ├── typing-animation.mdx │ │ │ │ ├── video-text.mdx │ │ │ │ ├── warp-background.mdx │ │ │ │ └── word-rotate.mdx │ │ │ ├── index.mdx │ │ │ ├── installation/ │ │ │ │ └── index.mdx │ │ │ ├── legacy.mdx │ │ │ ├── mcp.mdx │ │ │ ├── story.mdx │ │ │ └── templates/ │ │ │ ├── agent.mdx │ │ │ ├── blog.mdx │ │ │ ├── changelog.mdx │ │ │ ├── codeforge.mdx │ │ │ ├── devtool.mdx │ │ │ ├── mobile.mdx │ │ │ ├── portfolio.mdx │ │ │ ├── saas.mdx │ │ │ └── startup.mdx │ │ └── showcase/ │ │ ├── anara.mdx │ │ ├── anisvsc.mdx │ │ ├── aomni.mdx │ │ ├── aryankarma.mdx │ │ ├── cognosys.mdx │ │ ├── elhussary.mdx │ │ ├── gitme.mdx │ │ ├── guarahooks.mdx │ │ ├── infisical.mdx │ │ ├── langfuse.mdx │ │ ├── llmreport.mdx │ │ ├── lyra.mdx │ │ ├── million.mdx │ │ ├── nativeexpress.mdx │ │ ├── pulpsense.mdx │ │ ├── querylab.mdx │ │ ├── roammoon.mdx │ │ ├── sherpa.mdx │ │ ├── undrstnd.mdx │ │ ├── writora.mdx │ │ ├── zen-browser.mdx │ │ └── zzzzshawn.mdx │ ├── eslint.config.mjs │ ├── hooks/ │ │ ├── use-config.ts │ │ ├── use-copy-to-clipboard.ts │ │ ├── use-is-mac.ts │ │ ├── use-meta-color.ts │ │ ├── use-mobile.ts │ │ ├── use-mounted.ts │ │ └── use-mutation-observer.ts │ ├── lib/ │ │ ├── docs.ts │ │ ├── events.ts │ │ ├── fonts.ts │ │ ├── github.ts │ │ ├── highlight-code.ts │ │ ├── posthog.ts │ │ ├── registry.ts │ │ ├── rehype-component.ts │ │ ├── rehype-npm-command.ts │ │ ├── source.ts │ │ ├── types.ts │ │ └── utils.ts │ ├── mdx-components.tsx │ ├── middleware.ts │ ├── next.config.mjs │ ├── package.json │ ├── postcss.config.mjs │ ├── public/ │ │ ├── llms-full.txt │ │ ├── llms.txt │ │ ├── mcp.json │ │ ├── r/ │ │ │ ├── android-demo-2.json │ │ │ ├── android-demo-3.json │ │ │ ├── android-demo.json │ │ │ ├── android.json │ │ │ ├── animated-beam-bidirectional.json │ │ │ ├── animated-beam-demo.json │ │ │ ├── animated-beam-multiple-inputs.json │ │ │ ├── animated-beam-multiple-outputs.json │ │ │ ├── animated-beam-unidirectional.json │ │ │ ├── animated-beam.json │ │ │ ├── animated-circular-progress-bar-demo.json │ │ │ ├── animated-circular-progress-bar.json │ │ │ ├── animated-gradient-text-demo-2.json │ │ │ ├── animated-gradient-text-demo.json │ │ │ ├── animated-gradient-text.json │ │ │ ├── animated-grid-pattern-demo.json │ │ │ ├── animated-grid-pattern.json │ │ │ ├── animated-list-demo.json │ │ │ ├── animated-list.json │ │ │ ├── animated-shiny-text-demo.json │ │ │ ├── animated-shiny-text.json │ │ │ ├── animated-theme-toggler-demo.json │ │ │ ├── animated-theme-toggler.json │ │ │ ├── aurora-text-demo.json │ │ │ ├── aurora-text.json │ │ │ ├── avatar-circles-demo.json │ │ │ ├── avatar-circles.json │ │ │ ├── bento-demo-vertical.json │ │ │ ├── bento-demo.json │ │ │ ├── bento-grid.json │ │ │ ├── blur-fade-demo.json │ │ │ ├── blur-fade-text-demo.json │ │ │ ├── blur-fade.json │ │ │ ├── border-beam-demo-2.json │ │ │ ├── border-beam-demo-3.json │ │ │ ├── border-beam-demo-4.json │ │ │ ├── border-beam-demo.json │ │ │ ├── border-beam.json │ │ │ ├── client-tweet-card.json │ │ │ ├── code-comparison-demo.json │ │ │ ├── code-comparison.json │ │ │ ├── comic-text-demo.json │ │ │ ├── comic-text.json │ │ │ ├── confetti-basic-cannon.json │ │ │ ├── confetti-custom-shapes.json │ │ │ ├── confetti-demo.json │ │ │ ├── confetti-emoji.json │ │ │ ├── confetti-fireworks.json │ │ │ ├── confetti-random-direction.json │ │ │ ├── confetti-side-cannons.json │ │ │ ├── confetti-stars.json │ │ │ ├── confetti.json │ │ │ ├── cool-mode-custom.json │ │ │ ├── cool-mode-demo.json │ │ │ ├── cool-mode.json │ │ │ ├── dock-demo-2.json │ │ │ ├── dock-demo-3.json │ │ │ ├── dock-demo.json │ │ │ ├── dock.json │ │ │ ├── dot-pattern-demo.json │ │ │ ├── dot-pattern-linear-gradient.json │ │ │ ├── dot-pattern-with-glow-effect.json │ │ │ ├── dot-pattern.json │ │ │ ├── dotted-map-demo-2.json │ │ │ ├── dotted-map-demo-3.json │ │ │ ├── dotted-map-demo.json │ │ │ ├── dotted-map.json │ │ │ ├── file-tree-demo.json │ │ │ ├── file-tree.json │ │ │ ├── flickering-grid-demo.json │ │ │ ├── flickering-grid-rounded-demo.json │ │ │ ├── flickering-grid.json │ │ │ ├── globe-demo.json │ │ │ ├── globe.json │ │ │ ├── grid-pattern-dashed.json │ │ │ ├── grid-pattern-demo.json │ │ │ ├── grid-pattern-linear-gradient.json │ │ │ ├── grid-pattern.json │ │ │ ├── hero-video-dialog-demo-top-in-bottom-out.json │ │ │ ├── hero-video-dialog-demo.json │ │ │ ├── hero-video-dialog.json │ │ │ ├── highlighter-demo.json │ │ │ ├── highlighter.json │ │ │ ├── hyper-text-demo.json │ │ │ ├── hyper-text.json │ │ │ ├── icon-cloud-demo-2.json │ │ │ ├── icon-cloud-demo-3.json │ │ │ ├── icon-cloud-demo.json │ │ │ ├── icon-cloud.json │ │ │ ├── index.json │ │ │ ├── interactive-grid-pattern-demo-2.json │ │ │ ├── interactive-grid-pattern-demo.json │ │ │ ├── interactive-grid-pattern.json │ │ │ ├── interactive-hover-button-demo.json │ │ │ ├── interactive-hover-button.json │ │ │ ├── iphone-demo-2.json │ │ │ ├── iphone-demo-3.json │ │ │ ├── iphone-demo.json │ │ │ ├── iphone.json │ │ │ ├── lens-demo-2.json │ │ │ ├── lens-demo-3.json │ │ │ ├── lens-demo.json │ │ │ ├── lens.json │ │ │ ├── light-rays-demo.json │ │ │ ├── light-rays.json │ │ │ ├── line-shadow-text-demo.json │ │ │ ├── line-shadow-text.json │ │ │ ├── magic-card-demo-2.json │ │ │ ├── magic-card-demo.json │ │ │ ├── magic-card.json │ │ │ ├── marquee-3d.json │ │ │ ├── marquee-demo-vertical.json │ │ │ ├── marquee-demo.json │ │ │ ├── marquee-logos.json │ │ │ ├── marquee.json │ │ │ ├── meteors-demo.json │ │ │ ├── meteors.json │ │ │ ├── morphing-text-demo.json │ │ │ ├── morphing-text.json │ │ │ ├── neon-gradient-card-demo.json │ │ │ ├── neon-gradient-card.json │ │ │ ├── number-ticker-decimal-demo.json │ │ │ ├── number-ticker-demo-2.json │ │ │ ├── number-ticker-demo.json │ │ │ ├── number-ticker.json │ │ │ ├── orbiting-circles-demo.json │ │ │ ├── orbiting-circles.json │ │ │ ├── particles-demo.json │ │ │ ├── particles.json │ │ │ ├── pixel-image-demo.json │ │ │ ├── pixel-image.json │ │ │ ├── pointer-demo-1.json │ │ │ ├── pointer.json │ │ │ ├── progressive-blur-demo.json │ │ │ ├── progressive-blur.json │ │ │ ├── pulsating-button-demo.json │ │ │ ├── pulsating-button.json │ │ │ ├── rainbow-button-demo-2.json │ │ │ ├── rainbow-button-demo.json │ │ │ ├── rainbow-button.json │ │ │ ├── registry.json │ │ │ ├── retro-grid-demo.json │ │ │ ├── retro-grid.json │ │ │ ├── ripple-button-demo.json │ │ │ ├── ripple-button.json │ │ │ ├── ripple-demo.json │ │ │ ├── ripple.json │ │ │ ├── safari-demo-2.json │ │ │ ├── safari-demo-3.json │ │ │ ├── safari-demo-4.json │ │ │ ├── safari-demo.json │ │ │ ├── safari.json │ │ │ ├── scroll-based-velocity-demo.json │ │ │ ├── scroll-based-velocity-images-demo.json │ │ │ ├── scroll-based-velocity.json │ │ │ ├── scroll-progress-demo.json │ │ │ ├── scroll-progress.json │ │ │ ├── shimmer-button-demo.json │ │ │ ├── shimmer-button.json │ │ │ ├── shine-border-demo-2.json │ │ │ ├── shine-border-demo.json │ │ │ ├── shine-border.json │ │ │ ├── shiny-button-demo.json │ │ │ ├── shiny-button.json │ │ │ ├── smooth-cursor-demo.json │ │ │ ├── smooth-cursor.json │ │ │ ├── sparkles-text-demo.json │ │ │ ├── sparkles-text.json │ │ │ ├── spinning-text-demo-2.json │ │ │ ├── spinning-text-demo.json │ │ │ ├── spinning-text.json │ │ │ ├── striped-pattern-colored.json │ │ │ ├── striped-pattern-dashed.json │ │ │ ├── striped-pattern-demo.json │ │ │ ├── striped-pattern-left.json │ │ │ ├── striped-pattern-right.json │ │ │ ├── striped-pattern.json │ │ │ ├── terminal-demo-2.json │ │ │ ├── terminal-demo.json │ │ │ ├── terminal.json │ │ │ ├── text-animate-demo-2.json │ │ │ ├── text-animate-demo-3.json │ │ │ ├── text-animate-demo-4.json │ │ │ ├── text-animate-demo-5.json │ │ │ ├── text-animate-demo-6.json │ │ │ ├── text-animate-demo-7.json │ │ │ ├── text-animate-demo-8.json │ │ │ ├── text-animate-demo-9.json │ │ │ ├── text-animate-demo.json │ │ │ ├── text-animate.json │ │ │ ├── text-reveal-demo.json │ │ │ ├── text-reveal.json │ │ │ ├── theme-toggler-demo.json │ │ │ ├── tweet-card-demo.json │ │ │ ├── tweet-card-images.json │ │ │ ├── tweet-card-meta-preview.json │ │ │ ├── tweet-card.json │ │ │ ├── typing-animation-demo-2.json │ │ │ ├── typing-animation-demo-3.json │ │ │ ├── typing-animation-demo-4.json │ │ │ ├── typing-animation-demo-5.json │ │ │ ├── typing-animation-demo-6.json │ │ │ ├── typing-animation-demo-7.json │ │ │ ├── typing-animation-demo-8.json │ │ │ ├── typing-animation-demo.json │ │ │ ├── typing-animation.json │ │ │ ├── utils.json │ │ │ ├── video-text-demo.json │ │ │ ├── video-text.json │ │ │ ├── warp-background-demo.json │ │ │ ├── warp-background.json │ │ │ ├── word-rotate-demo.json │ │ │ └── word-rotate.json │ │ ├── registry.json │ │ └── site.webmanifest │ ├── registry/ │ │ ├── __index__.tsx │ │ ├── example/ │ │ │ ├── android-demo-2.tsx │ │ │ ├── android-demo-3.tsx │ │ │ ├── android-demo.tsx │ │ │ ├── animated-beam-bidirectional.tsx │ │ │ ├── animated-beam-demo.tsx │ │ │ ├── animated-beam-multiple-inputs.tsx │ │ │ ├── animated-beam-multiple-outputs.tsx │ │ │ ├── animated-beam-unidirectional.tsx │ │ │ ├── animated-circular-progress-bar-demo.tsx │ │ │ ├── animated-gradient-text-demo-2.tsx │ │ │ ├── animated-gradient-text-demo.tsx │ │ │ ├── animated-grid-pattern-demo.tsx │ │ │ ├── animated-list-demo.tsx │ │ │ ├── animated-shiny-text-demo.tsx │ │ │ ├── animated-theme-toggler-demo.tsx │ │ │ ├── aurora-text-demo.tsx │ │ │ ├── avatar-circles-demo.tsx │ │ │ ├── bento-demo-vertical.tsx │ │ │ ├── bento-demo.tsx │ │ │ ├── blur-fade-demo.tsx │ │ │ ├── blur-fade-text-demo.tsx │ │ │ ├── border-beam-demo-2.tsx │ │ │ ├── border-beam-demo-3.tsx │ │ │ ├── border-beam-demo-4.tsx │ │ │ ├── border-beam-demo.tsx │ │ │ ├── code-comparison-demo.tsx │ │ │ ├── comic-text-demo.tsx │ │ │ ├── confetti-basic-cannon.tsx │ │ │ ├── confetti-custom-shapes.tsx │ │ │ ├── confetti-demo.tsx │ │ │ ├── confetti-emoji.tsx │ │ │ ├── confetti-fireworks.tsx │ │ │ ├── confetti-random-direction.tsx │ │ │ ├── confetti-side-cannons.tsx │ │ │ ├── confetti-stars.tsx │ │ │ ├── cool-mode-custom.tsx │ │ │ ├── cool-mode-demo.tsx │ │ │ ├── dock-demo-2.tsx │ │ │ ├── dock-demo-3.tsx │ │ │ ├── dock-demo.tsx │ │ │ ├── dot-pattern-demo.tsx │ │ │ ├── dot-pattern-linear-gradient.tsx │ │ │ ├── dot-pattern-with-glow-effect.tsx │ │ │ ├── dotted-map-demo-2.tsx │ │ │ ├── dotted-map-demo-3.tsx │ │ │ ├── dotted-map-demo.tsx │ │ │ ├── file-tree-demo.tsx │ │ │ ├── flickering-grid-demo.tsx │ │ │ ├── flickering-grid-rounded-demo.tsx │ │ │ ├── globe-demo.tsx │ │ │ ├── grid-pattern-dashed.tsx │ │ │ ├── grid-pattern-demo.tsx │ │ │ ├── grid-pattern-linear-gradient.tsx │ │ │ ├── hero-video-dialog-demo-top-in-bottom-out.tsx │ │ │ ├── hero-video-dialog-demo.tsx │ │ │ ├── highlighter-demo.tsx │ │ │ ├── hyper-text-demo.tsx │ │ │ ├── icon-cloud-demo-2.tsx │ │ │ ├── icon-cloud-demo-3.tsx │ │ │ ├── icon-cloud-demo.tsx │ │ │ ├── interactive-grid-pattern-demo-2.tsx │ │ │ ├── interactive-grid-pattern-demo.tsx │ │ │ ├── interactive-hover-button-demo.tsx │ │ │ ├── iphone-demo-2.tsx │ │ │ ├── iphone-demo-3.tsx │ │ │ ├── iphone-demo.tsx │ │ │ ├── lens-demo-2.tsx │ │ │ ├── lens-demo-3.tsx │ │ │ ├── lens-demo.tsx │ │ │ ├── light-rays-demo.tsx │ │ │ ├── line-shadow-text-demo.tsx │ │ │ ├── magic-card-demo.tsx │ │ │ ├── magic-card-demo2.tsx │ │ │ ├── marquee-3d.tsx │ │ │ ├── marquee-demo-vertical.tsx │ │ │ ├── marquee-demo.tsx │ │ │ ├── marquee-logos.tsx │ │ │ ├── meteors-demo.tsx │ │ │ ├── morphing-text-demo.tsx │ │ │ ├── neon-gradient-card-demo.tsx │ │ │ ├── number-ticker-decimal-demo.tsx │ │ │ ├── number-ticker-demo-2.tsx │ │ │ ├── number-ticker-demo.tsx │ │ │ ├── orbiting-circles-demo.tsx │ │ │ ├── particles-demo.tsx │ │ │ ├── pixel-image-demo.tsx │ │ │ ├── pointer-demo-1.tsx │ │ │ ├── progressive-blur-demo.tsx │ │ │ ├── pulsating-button-demo.tsx │ │ │ ├── rainbow-button-demo-2.tsx │ │ │ ├── rainbow-button-demo.tsx │ │ │ ├── retro-grid-demo.tsx │ │ │ ├── ripple-button-demo.tsx │ │ │ ├── ripple-demo.tsx │ │ │ ├── safari-demo-2.tsx │ │ │ ├── safari-demo-3.tsx │ │ │ ├── safari-demo-4.tsx │ │ │ ├── safari-demo.tsx │ │ │ ├── scroll-based-velocity-demo.tsx │ │ │ ├── scroll-based-velocity-images-demo.tsx │ │ │ ├── scroll-progress-demo.tsx │ │ │ ├── shimmer-button-demo.tsx │ │ │ ├── shine-border-demo-2.tsx │ │ │ ├── shine-border-demo.tsx │ │ │ ├── shiny-button-demo.tsx │ │ │ ├── smooth-cursor-demo.tsx │ │ │ ├── sparkles-text-demo.tsx │ │ │ ├── spinning-text-demo-2.tsx │ │ │ ├── spinning-text-demo.tsx │ │ │ ├── striped-pattern-dashed.tsx │ │ │ ├── striped-pattern-demo.tsx │ │ │ ├── striped-pattern-right.tsx │ │ │ ├── terminal-demo-2.tsx │ │ │ ├── terminal-demo.tsx │ │ │ ├── text-animate-demo-2.tsx │ │ │ ├── text-animate-demo-3.tsx │ │ │ ├── text-animate-demo-4.tsx │ │ │ ├── text-animate-demo-5.tsx │ │ │ ├── text-animate-demo-6.tsx │ │ │ ├── text-animate-demo-7.tsx │ │ │ ├── text-animate-demo-8.tsx │ │ │ ├── text-animate-demo-9.tsx │ │ │ ├── text-animate-demo.tsx │ │ │ ├── text-reveal-demo.tsx │ │ │ ├── tweet-card-demo.tsx │ │ │ ├── tweet-card-images.tsx │ │ │ ├── tweet-card-meta-preview.tsx │ │ │ ├── typing-animation-demo-2.tsx │ │ │ ├── typing-animation-demo-3.tsx │ │ │ ├── typing-animation-demo-4.tsx │ │ │ ├── typing-animation-demo-5.tsx │ │ │ ├── typing-animation-demo-6.tsx │ │ │ ├── typing-animation-demo-7.tsx │ │ │ ├── typing-animation-demo-8.tsx │ │ │ ├── typing-animation-demo.tsx │ │ │ ├── video-text-demo.tsx │ │ │ ├── warp-background-demo.tsx │ │ │ └── word-rotate-demo.tsx │ │ ├── index.ts │ │ ├── lib/ │ │ │ └── utils.ts │ │ ├── magicui/ │ │ │ ├── android.tsx │ │ │ ├── animated-beam.tsx │ │ │ ├── animated-circular-progress-bar.tsx │ │ │ ├── animated-gradient-text.tsx │ │ │ ├── animated-grid-pattern.tsx │ │ │ ├── animated-list.tsx │ │ │ ├── animated-shiny-text.tsx │ │ │ ├── animated-subscribe-button.tsx │ │ │ ├── animated-theme-toggler.tsx │ │ │ ├── aurora-text.tsx │ │ │ ├── avatar-circles.tsx │ │ │ ├── bento-grid.tsx │ │ │ ├── blur-fade.tsx │ │ │ ├── border-beam.tsx │ │ │ ├── client-tweet-card.tsx │ │ │ ├── code-comparison.tsx │ │ │ ├── comic-text.tsx │ │ │ ├── confetti.tsx │ │ │ ├── cool-mode.tsx │ │ │ ├── dock.tsx │ │ │ ├── dot-pattern.tsx │ │ │ ├── dotted-map.tsx │ │ │ ├── file-tree.tsx │ │ │ ├── flickering-grid.tsx │ │ │ ├── globe.tsx │ │ │ ├── grid-pattern.tsx │ │ │ ├── hero-video-dialog.tsx │ │ │ ├── highlighter.tsx │ │ │ ├── hyper-text.tsx │ │ │ ├── icon-cloud.tsx │ │ │ ├── interactive-grid-pattern.tsx │ │ │ ├── interactive-hover-button.tsx │ │ │ ├── iphone.tsx │ │ │ ├── lens.tsx │ │ │ ├── light-rays.tsx │ │ │ ├── line-shadow-text.tsx │ │ │ ├── magic-card.tsx │ │ │ ├── marquee.tsx │ │ │ ├── meteors.tsx │ │ │ ├── morphing-text.tsx │ │ │ ├── neon-gradient-card.tsx │ │ │ ├── number-ticker.tsx │ │ │ ├── orbiting-circles.tsx │ │ │ ├── particles.tsx │ │ │ ├── pixel-image.tsx │ │ │ ├── pointer.tsx │ │ │ ├── progressive-blur.tsx │ │ │ ├── pulsating-button.tsx │ │ │ ├── rainbow-button.tsx │ │ │ ├── retro-grid.tsx │ │ │ ├── ripple-button.tsx │ │ │ ├── ripple.tsx │ │ │ ├── safari.tsx │ │ │ ├── scroll-based-velocity.tsx │ │ │ ├── scroll-progress.tsx │ │ │ ├── shimmer-button.tsx │ │ │ ├── shine-border.tsx │ │ │ ├── shiny-button.tsx │ │ │ ├── smooth-cursor.tsx │ │ │ ├── sparkles-text.tsx │ │ │ ├── spinning-text.tsx │ │ │ ├── striped-pattern.tsx │ │ │ ├── terminal.tsx │ │ │ ├── text-animate.tsx │ │ │ ├── text-reveal.tsx │ │ │ ├── tweet-card.tsx │ │ │ ├── typing-animation.tsx │ │ │ ├── video-text.tsx │ │ │ ├── warp-background.tsx │ │ │ └── word-rotate.tsx │ │ ├── registry-examples.ts │ │ ├── registry-lib.ts │ │ └── registry-ui.ts │ ├── registry.json │ ├── scripts/ │ │ ├── build-registry.mts │ │ └── sync-example-registry-dependencies.mts │ ├── source.config.ts │ ├── styles/ │ │ └── globals.css │ ├── tsconfig.json │ ├── tsconfig.scripts.json │ └── types/ │ ├── index.d.ts │ └── unist.ts ├── lefthook.yml ├── package.json ├── pnpm-workspace.yaml ├── registry.json ├── skills/ │ └── magic-ui/ │ ├── SKILL.md │ └── references/ │ ├── components.md │ └── recipes.md └── turbo.json