{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "microkit",
  "homepage": "https://microkit.co",
  "items": [
    {
      "name": "cursor-edge-glow-button",
      "type": "registry:component",
      "title": "Cursor Edge Glow Button",
      "description": "A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/cursor-edge-glow-button",
      "files": [
        {
          "path": "registry/microkit/cursor-edge-glow-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/cursor-edge-glow-button.tsx"
        }
      ]
    },
    {
      "name": "cursor-follow-share-button",
      "type": "registry:component",
      "title": "Cursor Follow Share Button",
      "description": "A dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/cursor-follow-share-button",
      "files": [
        {
          "path": "registry/microkit/cursor-follow-share-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/cursor-follow-share-button.tsx"
        }
      ]
    },
    {
      "name": "focus-input",
      "type": "registry:component",
      "title": "Focus Field",
      "description": "An input with a clean animated focus treatment.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "input",
        "focus"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/focus-input",
      "files": [
        {
          "path": "registry/microkit/focus-input.tsx",
          "type": "registry:component",
          "target": "@components/microkit/focus-input.tsx"
        }
      ]
    },
    {
      "name": "social-icon-buttons",
      "type": "registry:component",
      "title": "Social Icon Buttons",
      "description": "Circular social links that trade their icon for a brand-colored arrow and glow on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/social-icon-buttons",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/social-icon-buttons.tsx",
          "type": "registry:component",
          "target": "@components/microkit/social-icon-buttons.tsx"
        }
      ]
    },
    {
      "name": "scrub-number-field",
      "type": "registry:component",
      "title": "Scrub Number Field",
      "description": "A number field you drag to scrub and click to type, with a ruler that tracks the gesture.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "input",
        "drag"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/scrub-number-field",
      "files": [
        {
          "path": "registry/microkit/scrub-number-field.tsx",
          "type": "registry:component",
          "target": "@components/microkit/scrub-number-field.tsx"
        }
      ]
    },
    {
      "name": "social-highlight-cards",
      "type": "registry:component",
      "title": "Social Highlight Cards",
      "description": "Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/social-highlight-cards",
      "files": [
        {
          "path": "registry/microkit/social-highlight-cards.tsx",
          "type": "registry:component",
          "target": "@components/microkit/social-highlight-cards.tsx"
        }
      ]
    },
    {
      "name": "blur-glide-menu",
      "type": "registry:component",
      "title": "Blur Glide Menu",
      "description": "A nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/blur-glide-menu",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/blur-glide-menu.tsx",
          "type": "registry:component",
          "target": "@components/microkit/blur-glide-menu.tsx"
        }
      ]
    },
    {
      "name": "expanding-icon-tabs",
      "type": "registry:component",
      "title": "Expanding Icon Tabs",
      "description": "An icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/expanding-icon-tabs",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/expanding-icon-tabs.tsx",
          "type": "registry:component",
          "target": "@components/microkit/expanding-icon-tabs.tsx"
        }
      ]
    },
    {
      "name": "next-dot-fill-button",
      "type": "registry:component",
      "title": "Next Dot Fill Button",
      "description": "A bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/next-dot-fill-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/next-dot-fill-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/next-dot-fill-button.tsx"
        }
      ]
    },
    {
      "name": "preview-hover-toolbar",
      "type": "registry:component",
      "title": "Preview Hover Toolbar",
      "description": "A thin empty pill that grows wider and taller off its fixed bottom edge when the surrounding preview is hovered, scaling its actions in one after another with a label above each.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/preview-hover-toolbar",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/preview-hover-toolbar.tsx",
          "type": "registry:component",
          "target": "@components/microkit/preview-hover-toolbar.tsx"
        }
      ]
    },
    {
      "name": "secure-purchase-button",
      "type": "registry:component",
      "title": "Secure Purchase Button",
      "description": "A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/secure-purchase-button",
      "files": [
        {
          "path": "registry/microkit/secure-purchase-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/secure-purchase-button.tsx"
        }
      ]
    },
    {
      "name": "expanding-contact-button",
      "type": "registry:component",
      "title": "Expanding Contact Button",
      "description": "A pill-shaped call-to-action with an expanding background and arrow icon, adapted from the supplied Webflow export.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/expanding-contact-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/expanding-contact-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/expanding-contact-button.tsx"
        }
      ]
    },
    {
      "name": "contact-reveal-button",
      "type": "registry:component",
      "title": "Contact Reveal Button",
      "description": "A circular arrow and label that resolve into a polished contact pill on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/contact-reveal-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/contact-reveal-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/contact-reveal-button.tsx"
        }
      ]
    },
    {
      "name": "contact-details-reveal",
      "type": "registry:component",
      "title": "Contact Details Reveal",
      "description": "A compact white contact label that shifts upward to reveal muted contact details with an orange accent.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/contact-details-reveal",
      "files": [
        {
          "path": "registry/microkit/contact-details-reveal.tsx",
          "type": "registry:component",
          "target": "@components/microkit/contact-details-reveal.tsx"
        }
      ]
    },
    {
      "name": "subscribe-shine-button",
      "type": "registry:component",
      "title": "Subscribe Shine Button",
      "description": "A dark subscribe pill with a rotating highlight that traces its edge on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/subscribe-shine-button",
      "files": [
        {
          "path": "registry/microkit/subscribe-shine-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/subscribe-shine-button.tsx"
        }
      ]
    },
    {
      "name": "expanding-newsletter-button",
      "type": "registry:component",
      "title": "Expanding Newsletter Button",
      "description": "An orange newsletter pill with a growing dark circle and an arrow that slides in from the left.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/expanding-newsletter-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/expanding-newsletter-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/expanding-newsletter-button.tsx"
        }
      ]
    },
    {
      "name": "next-reveal-button",
      "type": "registry:component",
      "title": "Next Reveal Button",
      "description": "An outlined arrow control that expands into a bright Next button on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/next-reveal-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/next-reveal-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/next-reveal-button.tsx"
        }
      ]
    },
    {
      "name": "pricing-slide-link",
      "type": "registry:component",
      "title": "Pricing Slide Link",
      "description": "A text link whose arrow slides in from the left as the label settles into place.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/pricing-slide-link",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/pricing-slide-link.tsx",
          "type": "registry:component",
          "target": "@components/microkit/pricing-slide-link.tsx"
        }
      ]
    },
    {
      "name": "spotlight-indicator",
      "type": "registry:component",
      "title": "Spotlight Indicator",
      "description": "A glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/spotlight-indicator",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/spotlight-indicator.tsx",
          "type": "registry:component",
          "target": "@components/microkit/spotlight-indicator.tsx"
        }
      ]
    },
    {
      "name": "read-more-swap",
      "type": "registry:component",
      "title": "Read More Swap",
      "description": "A text link whose arrow swaps from the right side to an orange leading arrow on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/read-more-swap",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/read-more-swap.tsx",
          "type": "registry:component",
          "target": "@components/microkit/read-more-swap.tsx"
        }
      ]
    },
    {
      "name": "projects-arrow-button",
      "type": "registry:component",
      "title": "Projects Arrow Button",
      "description": "A Projects label paired with an outlined circular arrow that slides through itself on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/projects-arrow-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/projects-arrow-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/projects-arrow-button.tsx"
        }
      ]
    },
    {
      "name": "whats-new-glow-button",
      "type": "registry:component",
      "title": "What's New Glow Button",
      "description": "A dark, fully rounded button whose orange and blue glows follow the cursor.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/whats-new-glow-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/whats-new-glow-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/whats-new-glow-button.tsx"
        }
      ]
    },
    {
      "name": "preview-browser-button",
      "type": "registry:component",
      "title": "Preview in Browser Button",
      "description": "An outlined pill button with a diagonal arrow that slides through on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/preview-browser-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/preview-browser-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/preview-browser-button.tsx"
        }
      ]
    },
    {
      "name": "icon-swap-button",
      "type": "registry:component",
      "title": "Icon Swap Button",
      "description": "A leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/icon-swap-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/icon-swap-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/icon-swap-button.tsx"
        }
      ]
    },
    {
      "name": "magnetic-fill-button",
      "type": "registry:component",
      "title": "Magnetic Fill Button",
      "description": "A magnetic pill button with a bottom-to-top background fill.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/magnetic-fill-button",
      "files": [
        {
          "path": "registry/microkit/magnetic-fill-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/magnetic-fill-button.tsx"
        }
      ]
    },
    {
      "name": "sliding-send-button",
      "type": "registry:component",
      "title": "Sliding Send Button",
      "description": "A bordered share pill whose label glides right as an orange send icon enters from the left.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/sliding-send-button",
      "files": [
        {
          "path": "registry/microkit/sliding-send-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/sliding-send-button.tsx"
        }
      ]
    },
    {
      "name": "get-started-circle-swap",
      "type": "registry:component",
      "title": "Get Started Circle Swap",
      "description": "A bordered CTA whose orange circle exits right as a directional arrow slides into place.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/get-started-circle-swap",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/get-started-circle-swap.tsx",
          "type": "registry:component",
          "target": "@components/microkit/get-started-circle-swap.tsx"
        }
      ]
    },
    {
      "name": "outline-wipe-button",
      "type": "registry:component",
      "title": "Outline Wipe Button",
      "description": "Hollow stroked lettering that fills with orange behind a rounded bar sweeping left to right.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/outline-wipe-button",
      "files": [
        {
          "path": "registry/microkit/outline-wipe-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/outline-wipe-button.tsx"
        }
      ]
    },
    {
      "name": "project-text-swap-button",
      "type": "registry:component",
      "title": "Project Text Swap Button",
      "description": "An outlined pill whose duplicated label swaps vertically on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/project-text-swap-button",
      "files": [
        {
          "path": "registry/microkit/project-text-swap-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/project-text-swap-button.tsx"
        }
      ]
    },
    {
      "name": "view-more-text-swap",
      "type": "registry:component",
      "title": "View More Text Swap",
      "description": "A borderless View More label that swaps vertically on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/view-more-text-swap",
      "files": [
        {
          "path": "registry/microkit/view-more-text-swap.tsx",
          "type": "registry:component",
          "target": "@components/microkit/view-more-text-swap.tsx"
        }
      ]
    },
    {
      "name": "staggered-letter-text-swap",
      "type": "registry:component",
      "title": "Staggered Letter Text Swap",
      "description": "A surface-free text interaction with a staggered per-letter upward replacement.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/staggered-letter-text-swap",
      "files": [
        {
          "path": "registry/microkit/staggered-letter-text-swap.tsx",
          "type": "registry:component",
          "target": "@components/microkit/staggered-letter-text-swap.tsx"
        }
      ]
    },
    {
      "name": "staggered-letter-glow-button",
      "type": "registry:component",
      "title": "Staggered Letter Glow Button",
      "description": "A dark pill with inward orange edge glows and a staggered per-letter upward text swap.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/staggered-letter-glow-button",
      "files": [
        {
          "path": "registry/microkit/staggered-letter-glow-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/staggered-letter-glow-button.tsx"
        }
      ]
    },
    {
      "name": "gradient-underline-button",
      "type": "registry:component",
      "title": "Gradient Underline Button",
      "description": "A label that scales up as a warm gradient underline grows across it.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/gradient-underline-button",
      "files": [
        {
          "path": "registry/microkit/gradient-underline-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/gradient-underline-button.tsx"
        }
      ]
    },
    {
      "name": "yellow-fill-preview-button",
      "type": "registry:component",
      "title": "Yellow Fill Preview Button",
      "description": "An outlined Preview in browser button that fills with yellow from the left.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/yellow-fill-preview-button",
      "files": [
        {
          "path": "registry/microkit/yellow-fill-preview-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/yellow-fill-preview-button.tsx"
        }
      ]
    },
    {
      "name": "white-contact-orbit-button",
      "type": "registry:component",
      "title": "White Contact Orbit Button",
      "description": "A white Get in touch pill whose arrow settles into a black circular control on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/white-contact-orbit-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/white-contact-orbit-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/white-contact-orbit-button.tsx"
        }
      ]
    },
    {
      "name": "circle-surface-button",
      "type": "registry:component",
      "title": "Circle Surface Button",
      "description": "A circular CTA whose dark surface expands into an orange fill.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/circle-surface-button",
      "files": [
        {
          "path": "registry/microkit/circle-surface-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/circle-surface-button.tsx"
        }
      ]
    },
    {
      "name": "inset-circle-button",
      "type": "registry:component",
      "title": "Inset Circle Button",
      "description": "A circular project CTA that reveals its dark base as the inset surface collapses.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/inset-circle-button",
      "files": [
        {
          "path": "registry/microkit/inset-circle-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/inset-circle-button.tsx"
        }
      ]
    },
    {
      "name": "sliding-arrow-label",
      "type": "registry:component",
      "title": "Sliding Arrow Label",
      "description": "A text label that gets a bright surface while an arrow slides in beside it.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/sliding-arrow-label",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/sliding-arrow-label.tsx",
          "type": "registry:component",
          "target": "@components/microkit/sliding-arrow-label.tsx"
        }
      ]
    },
    {
      "name": "orange-circle-fill-button",
      "type": "registry:component",
      "title": "Orange Circle Fill Button",
      "description": "An orange outlined pill that fills from a growing circle.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/orange-circle-fill-button",
      "files": [
        {
          "path": "registry/microkit/orange-circle-fill-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/orange-circle-fill-button.tsx"
        }
      ]
    },
    {
      "name": "layered-gradient-button",
      "type": "registry:component",
      "title": "Layered Gradient Button",
      "description": "A dimensional pill with gradient text and subtly shifting layered surfaces.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/layered-gradient-button",
      "files": [
        {
          "path": "registry/microkit/layered-gradient-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/layered-gradient-button.tsx"
        }
      ]
    },
    {
      "name": "glow-arrow-button",
      "type": "registry:component",
      "title": "Glow Arrow Button",
      "description": "A bright CTA with a soft glow and a moving arrow on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/glow-arrow-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/glow-arrow-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/glow-arrow-button.tsx"
        }
      ]
    },
    {
      "name": "talk-arrow-reveal-button",
      "type": "registry:component",
      "title": "Talk Arrow Reveal Button",
      "description": "An outlined Talk to us pill that fills with orange and reveals a long arrow.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/talk-arrow-reveal-button",
      "files": [
        {
          "path": "registry/microkit/talk-arrow-reveal-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/talk-arrow-reveal-button.tsx"
        }
      ]
    },
    {
      "name": "see-more-swap-button",
      "type": "registry:component",
      "title": "See More Swap Button",
      "description": "A pill button whose arrow circle swaps sides while its surface changes color.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/see-more-swap-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/see-more-swap-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/see-more-swap-button.tsx"
        }
      ]
    },
    {
      "name": "neon-invert-button",
      "type": "registry:component",
      "title": "Neon Invert Button",
      "description": "A bold orange CTA that inverts into a dark, softly glowing surface on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/neon-invert-button",
      "files": [
        {
          "path": "registry/microkit/neon-invert-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/neon-invert-button.tsx"
        }
      ]
    },
    {
      "name": "contact-underline-button",
      "type": "registry:component",
      "title": "Contact Underline Button",
      "description": "A compact contact action whose icon turns orange while an underline draws beneath the label.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/contact-underline-button",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/contact-underline-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/contact-underline-button.tsx"
        }
      ]
    },
    {
      "name": "sliding-content-tabs",
      "type": "registry:component",
      "title": "Sliding Content Tabs",
      "description": "A compact tab switcher with a sliding active surface and content transition.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/sliding-content-tabs",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/microkit/sliding-content-tabs.tsx",
          "type": "registry:component",
          "target": "@components/microkit/sliding-content-tabs.tsx"
        }
      ]
    },
    {
      "name": "sliding-underline-tabs",
      "type": "registry:component",
      "title": "Sliding Underline Tabs",
      "description": "A compact tab switcher with an orange underline that glides between labels.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "click"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/sliding-underline-tabs",
      "files": [
        {
          "path": "registry/microkit/sliding-underline-tabs.tsx",
          "type": "registry:component",
          "target": "@components/microkit/sliding-underline-tabs.tsx"
        }
      ]
    },
    {
      "name": "floating-newsletter-button",
      "type": "registry:component",
      "title": "Floating Newsletter Button",
      "description": "A compact newsletter button that scales and lifts into a soft white glow on hover.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "navigation",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/floating-newsletter-button",
      "files": [
        {
          "path": "registry/microkit/floating-newsletter-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/floating-newsletter-button.tsx"
        }
      ]
    },
    {
      "name": "aurora-download-button",
      "type": "registry:component",
      "title": "Aurora Download Button",
      "description": "A layered blue download button with a luminous rim, directional shadow, and blended hover bloom.",
      "author": "henriquegpb <https://github.com/henriquegpb>",
      "categories": [
        "button",
        "hover"
      ],
      "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/aurora-download-button",
      "files": [
        {
          "path": "registry/microkit/aurora-download-button.tsx",
          "type": "registry:component",
          "target": "@components/microkit/aurora-download-button.tsx"
        }
      ]
    }
  ]
}