{
  "$schema": "https://smoothui.dev/schemas/llms-components.json",
  "name": "smoothui",
  "version": "1.0.0",
  "description": "SmoothUI — beautifully animated React components with Tailwind CSS and Motion",
  "baseUrl": "https://smoothui.dev",
  "totalComponents": 72,
  "totalBlocks": 0,
  "components": [
    {
      "name": "agent-avatar",
      "displayName": "AgentAvatar",
      "description": "Canvas-based generative pixel avatar for AI agents, unique per seed.",
      "category": "ai",
      "tags": [
        "avatar",
        "generative",
        "canvas",
        "pixel-art",
        "ai-agent",
        "deterministic",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Display unique avatars for AI agents or chatbots",
        "Generate deterministic user avatars from seed strings",
        "Visual identity for automated systems"
      ],
      "compositionHints": [
        "Pair with ai-input for a complete AI chat interface",
        "Use alongside ai-branch for conversation displays"
      ],
      "hasReducedMotion": true,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/agent-avatar.json",
      "docUrl": "https://smoothui.dev/docs/components/agent-avatar",
      "registryUrl": "https://smoothui.dev/r/agent-avatar.json"
    },
    {
      "name": "ai-branch",
      "displayName": "AiBranch",
      "description": "An interactive AI branch component for displaying conversation flows.",
      "category": "ai",
      "tags": [
        "ai",
        "chat",
        "branching",
        "conversation",
        "message",
        "navigation",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "Navigate between AI conversation branches",
        "Show alternative AI responses in chat interfaces",
        "Build multi-turn conversation UIs with edit/regenerate support"
      ],
      "compositionHints": [
        "Combine with ai-input for a full chat experience",
        "Use agent-avatar for AI message avatars"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/ai-branch.json",
      "docUrl": "https://smoothui.dev/docs/components/ai-branch",
      "registryUrl": "https://smoothui.dev/r/ai-branch.json"
    },
    {
      "name": "ai-input",
      "displayName": "AiInput",
      "description": "A AiInput component for SmoothUI.",
      "category": "ai",
      "tags": [
        "ai",
        "input",
        "chat",
        "morph",
        "dock",
        "textarea",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "AI chat input with morphing dock animation",
        "Expandable AI prompt input for assistant interfaces",
        "Floating AI input bar with Siri orb integration"
      ],
      "compositionHints": [
        "Combine with siri-orb for visual AI presence",
        "Use with ai-branch for full conversation UI"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/ai-input.json",
      "docUrl": "https://smoothui.dev/docs/components/ai-input",
      "registryUrl": "https://smoothui.dev/r/ai-input.json"
    },
    {
      "name": "animated-avatar-group",
      "displayName": "AnimatedAvatarGroup",
      "description": "Stack of overlapping avatars with smooth expand/collapse animation",
      "category": "data-display",
      "tags": [
        "avatar",
        "group",
        "stack",
        "overlap",
        "hover",
        "expand",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Show team members or contributors as overlapping avatars",
        "Display active users in a collaborative workspace",
        "Compact user list that expands on hover"
      ],
      "compositionHints": [
        "Use with animated-tooltip to show user names on hover"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-avatar-group.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-avatar-group",
      "registryUrl": "https://smoothui.dev/r/animated-avatar-group.json"
    },
    {
      "name": "animated-file-upload",
      "displayName": "AnimatedFileUpload",
      "description": "Animated drag-and-drop file upload component",
      "category": "basic-ui",
      "tags": [
        "upload",
        "file",
        "drag-drop",
        "input",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "File upload with drag-and-drop support",
        "Image upload area with preview",
        "Document upload in forms"
      ],
      "compositionHints": [
        "Use inside forms with animated-input",
        "Combine with animated-progress-bar for upload progress"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-file-upload.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-file-upload",
      "registryUrl": "https://smoothui.dev/r/animated-file-upload.json"
    },
    {
      "name": "animated-input",
      "displayName": "AnimatedInput",
      "description": "A AnimatedInput component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "input",
        "form",
        "floating-label",
        "material-design",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "tween",
      "useCases": [
        "Form input with floating label animation",
        "Material Design style text field",
        "Accessible input with animated placeholder transition"
      ],
      "compositionHints": [
        "Combine with basic-toast for form validation feedback",
        "Use in forms alongside animated-toggle and basic-dropdown"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-input.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-input",
      "registryUrl": "https://smoothui.dev/r/animated-input.json"
    },
    {
      "name": "animated-o-t-p-input",
      "displayName": "AnimatedOTPInput",
      "description": "A AnimatedOTPInput component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "otp",
        "input",
        "verification",
        "code",
        "pin",
        "form",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "One-time password input for two-factor authentication",
        "Verification code entry with animated digit slots",
        "PIN code input with staggered entrance animations"
      ],
      "compositionHints": [
        "Combine with basic-modal for verification dialogs",
        "Use basic-toast to show verification success/error"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react",
        "input-otp"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-o-t-p-input.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-o-t-p-input",
      "registryUrl": "https://smoothui.dev/r/animated-o-t-p-input.json"
    },
    {
      "name": "animated-progress-bar",
      "displayName": "AnimatedProgressBar",
      "description": "A AnimatedProgressBar component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "progress",
        "bar",
        "loading",
        "percentage",
        "spring",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Show file upload or task completion progress",
        "Animated skill level or stat bar",
        "Visual progress indicator for multi-step flows"
      ],
      "compositionHints": [
        "Pair with skeleton-loader for loading states",
        "Use with number-flow to show animated percentage text"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-progress-bar.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-progress-bar",
      "registryUrl": "https://smoothui.dev/r/animated-progress-bar.json"
    },
    {
      "name": "animated-stepper",
      "displayName": "AnimatedStepper",
      "description": "Animated stepper/wizard component with step transitions",
      "category": "basic-ui",
      "tags": [
        "stepper",
        "wizard",
        "steps",
        "progress",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Multi-step form wizard with animated transitions",
        "Onboarding flow with progress indicator",
        "Checkout process with step navigation"
      ],
      "compositionHints": [
        "Use with animated-input for multi-step forms",
        "Combine with animated-progress-bar for additional progress display"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-stepper.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-stepper",
      "registryUrl": "https://smoothui.dev/r/animated-stepper.json"
    },
    {
      "name": "animated-tabs",
      "displayName": "AnimatedTabs",
      "description": "Animated tabs component with sliding indicator",
      "category": "basic-ui",
      "tags": [
        "tabs",
        "navigation",
        "indicator",
        "underline",
        "pill",
        "segment",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Tab navigation with smooth sliding indicator",
        "Section switcher with animated underline, pill, or segment styles",
        "Content organization with animated tab transitions"
      ],
      "compositionHints": [
        "Combine with animated-tooltip for rich tab headers",
        "Use with expandable-cards for tabbed content panels"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-tabs.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-tabs",
      "registryUrl": "https://smoothui.dev/r/animated-tabs.json"
    },
    {
      "name": "animated-tags",
      "displayName": "AnimatedTags",
      "description": "A AnimatedTags component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "tags",
        "chips",
        "filter",
        "selection",
        "animated",
        "add-remove"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Tag selection with add/remove animations",
        "Animated filter chips for content categorization",
        "Interactive tag picker for forms and filters"
      ],
      "compositionHints": [
        "Use with searchable-dropdown for tag suggestions",
        "Pair with animated-input for tag creation"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-tags.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-tags",
      "registryUrl": "https://smoothui.dev/r/animated-tags.json"
    },
    {
      "name": "animated-toggle",
      "displayName": "AnimatedToggle",
      "description": "Animated toggle switch with morph and icon variants",
      "category": "basic-ui",
      "tags": [
        "toggle",
        "switch",
        "checkbox",
        "morph",
        "icon",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Settings toggle with smooth morph animation",
        "Theme switcher with icon variant",
        "Feature flag toggle with accessible keyboard support"
      ],
      "compositionHints": [
        "Use in settings panels alongside animated-input",
        "Pair with basic-toast for toggle confirmation feedback"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-toggle.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-toggle",
      "registryUrl": "https://smoothui.dev/r/animated-toggle.json"
    },
    {
      "name": "animated-tooltip",
      "displayName": "AnimatedTooltip",
      "description": "Spring-animated tooltip with multiple placement options",
      "category": "basic-ui",
      "tags": [
        "tooltip",
        "popover",
        "hint",
        "placement",
        "spring",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Show contextual help text on hover",
        "Icon button label tooltip with spring animation",
        "Multi-placement tooltip for UI element descriptions"
      ],
      "compositionHints": [
        "Add to animated-avatar-group for user name hints",
        "Enhance button-copy and magnetic-button with action tooltips"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/animated-tooltip.json",
      "docUrl": "https://smoothui.dev/docs/components/animated-tooltip",
      "registryUrl": "https://smoothui.dev/r/animated-tooltip.json"
    },
    {
      "name": "app-download-stack",
      "displayName": "AppDownloadStack",
      "description": "A AppDownloadStack component for SmoothUI.",
      "category": "other",
      "tags": [
        "download",
        "stack",
        "cards",
        "app-store",
        "selection",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "App download selection with stacked card animation",
        "Batch app installer with animated progress",
        "Multi-select download manager with expand/collapse"
      ],
      "compositionHints": [
        "Use animated-progress-bar for download progress visualization"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/app-download-stack.json",
      "docUrl": "https://smoothui.dev/docs/components/app-download-stack",
      "registryUrl": "https://smoothui.dev/r/app-download-stack.json"
    },
    {
      "name": "apple-invites",
      "displayName": "AppleInvites",
      "description": "A AppleInvites component for SmoothUI.",
      "category": "other",
      "tags": [
        "carousel",
        "cards",
        "invites",
        "apple",
        "3d",
        "perspective",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "Event invitation cards with 3D carousel",
        "Apple-style invite card stack with swipe gestures",
        "Showcase cards with perspective transforms and crown badges"
      ],
      "compositionHints": [
        "Use animated-avatar-group for attendee lists on invite cards"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "@smoothui/data",
        "motion",
        "lucide-react",
        "popmotion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/apple-invites.json",
      "docUrl": "https://smoothui.dev/docs/components/apple-invites",
      "registryUrl": "https://smoothui.dev/r/apple-invites.json"
    },
    {
      "name": "basic-accordion",
      "displayName": "BasicAccordion",
      "description": "A BasicAccordion component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "accordion",
        "collapsible",
        "faq",
        "expand",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "FAQ section with expandable answers",
        "Collapsible content sections for long pages",
        "Settings panel with grouped collapsible sections"
      ],
      "compositionHints": [
        "Use in FAQ blocks alongside reveal-text for section headings"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/basic-accordion.json",
      "docUrl": "https://smoothui.dev/docs/components/basic-accordion",
      "registryUrl": "https://smoothui.dev/r/basic-accordion.json"
    },
    {
      "name": "basic-dropdown",
      "displayName": "BasicDropdown",
      "description": "A BasicDropdown component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "dropdown",
        "select",
        "menu",
        "form",
        "portal",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Form select dropdown with smooth open/close animation",
        "Action menu with icon support",
        "Accessible dropdown with keyboard navigation and portal rendering"
      ],
      "compositionHints": [
        "Pair with animated-input in forms",
        "Use basic-toast for selection confirmation"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/basic-dropdown.json",
      "docUrl": "https://smoothui.dev/docs/components/basic-dropdown",
      "registryUrl": "https://smoothui.dev/r/basic-dropdown.json"
    },
    {
      "name": "basic-modal",
      "displayName": "BasicModal",
      "description": "A BasicModal component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "modal",
        "dialog",
        "overlay",
        "popup",
        "portal",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Confirmation dialog with backdrop animation",
        "Form modal with multiple size options",
        "Content overlay with click-outside dismissal"
      ],
      "compositionHints": [
        "Use animated-o-t-p-input inside modals for verification flows",
        "Pair with basic-toast for post-modal action feedback"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react",
        "usehooks-ts"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/basic-modal.json",
      "docUrl": "https://smoothui.dev/docs/components/basic-modal",
      "registryUrl": "https://smoothui.dev/r/basic-modal.json"
    },
    {
      "name": "basic-toast",
      "displayName": "BasicToast",
      "description": "A BasicToast component for SmoothUI.",
      "category": "feedback",
      "tags": [
        "toast",
        "notification",
        "alert",
        "snackbar",
        "feedback",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Show success/error notifications after form submissions",
        "Temporary status messages with auto-dismiss",
        "Multi-type alerts with icons for success, error, warning, info"
      ],
      "compositionHints": [
        "Use after basic-modal form submissions",
        "Pair with button-copy for copy confirmation"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/basic-toast.json",
      "docUrl": "https://smoothui.dev/docs/components/basic-toast",
      "registryUrl": "https://smoothui.dev/r/basic-toast.json"
    },
    {
      "name": "book",
      "displayName": "Book",
      "description": "A 3D CSS book component with perspective transforms and hover animation",
      "category": "other",
      "tags": [
        "book",
        "3d",
        "css",
        "perspective",
        "hover",
        "cover",
        "decorative"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "3D book cover display with hover open animation",
        "Product showcase for ebooks or documentation",
        "Decorative book component with stripe and simple variants"
      ],
      "compositionHints": [
        "Use reveal-text for animated book titles"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/book.json",
      "docUrl": "https://smoothui.dev/docs/components/book",
      "registryUrl": "https://smoothui.dev/r/book.json"
    },
    {
      "name": "breadcrumb",
      "displayName": "Breadcrumb",
      "description": "Animated breadcrumb navigation with stagger-in animation",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/breadcrumb.json",
      "docUrl": "https://smoothui.dev/docs/components/breadcrumb",
      "registryUrl": "https://smoothui.dev/r/breadcrumb.json"
    },
    {
      "name": "button-copy",
      "displayName": "ButtonCopy",
      "description": "A ButtonCopy component for SmoothUI.",
      "category": "button",
      "tags": [
        "button",
        "copy",
        "clipboard",
        "feedback",
        "icon-swap",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Copy to clipboard button with loading/success animation",
        "Code snippet copy button with icon transition",
        "Share button with animated state feedback"
      ],
      "compositionHints": [
        "Enhance with animated-tooltip to show copy hint",
        "Use basic-toast for additional copy confirmation"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/button-copy.json",
      "docUrl": "https://smoothui.dev/docs/components/button-copy",
      "registryUrl": "https://smoothui.dev/r/button-copy.json"
    },
    {
      "name": "checkbox",
      "displayName": "Checkbox",
      "description": "An animated Checkbox component for SmoothUI with checkmark and indeterminate state animations.",
      "category": "basic-ui",
      "tags": [
        "checkbox",
        "form",
        "input",
        "toggle",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Form checkbox with animated checkmark",
        "Indeterminate state for partial selections",
        "Accessible checkbox with keyboard support"
      ],
      "compositionHints": [
        "Use inside form component for validation",
        "Pair with label element for accessibility"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "radix-ui"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/checkbox.json",
      "docUrl": "https://smoothui.dev/docs/components/checkbox",
      "registryUrl": "https://smoothui.dev/r/checkbox.json"
    },
    {
      "name": "clip-corners-button",
      "displayName": "ClipCornersButton",
      "description": "A ClipCornersButton component for SmoothUI.",
      "category": "button",
      "tags": [
        "button",
        "clip-path",
        "corners",
        "geometric",
        "hover",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Stylized CTA button with clipped corner hover effect",
        "Geometric button for gaming or tech-themed UIs",
        "Creative hover button with corner triangle animations"
      ],
      "compositionHints": [
        "Use with animated-tooltip for button descriptions"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/clip-corners-button.json",
      "docUrl": "https://smoothui.dev/docs/components/clip-corners-button",
      "registryUrl": "https://smoothui.dev/r/clip-corners-button.json"
    },
    {
      "name": "combobox",
      "displayName": "Combobox",
      "description": "An animated Combobox component for SmoothUI with text filtering, async search, and keyboard navigation.",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/combobox.json",
      "docUrl": "https://smoothui.dev/docs/components/combobox",
      "registryUrl": "https://smoothui.dev/r/combobox.json"
    },
    {
      "name": "context-menu",
      "displayName": "ContextMenu",
      "description": "An animated Context Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.",
      "category": "basic-ui",
      "tags": [
        "context-menu",
        "menu",
        "right-click",
        "submenu",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Right-click context menus with nested submenus",
        "File browser context actions",
        "Canvas or workspace right-click actions"
      ],
      "compositionHints": [
        "Wrap any element to add right-click menu",
        "Shares animation pattern with dropdown-menu"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/context-menu.json",
      "docUrl": "https://smoothui.dev/docs/components/context-menu",
      "registryUrl": "https://smoothui.dev/r/context-menu.json"
    },
    {
      "name": "contribution-graph",
      "displayName": "ContributionGraph",
      "description": "A ContributionGraph component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "graph",
        "heatmap",
        "calendar",
        "github",
        "activity",
        "data-visualization"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "GitHub-style contribution heatmap",
        "Activity tracking calendar visualization",
        "Yearly data density chart with tooltip details"
      ],
      "compositionHints": [
        "Pair with animated-tooltip for cell details",
        "Use number-flow for animated stat counters alongside"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/contribution-graph.json",
      "docUrl": "https://smoothui.dev/docs/components/contribution-graph",
      "registryUrl": "https://smoothui.dev/r/contribution-graph.json"
    },
    {
      "name": "cursor-follow",
      "displayName": "CursorFollow",
      "description": "A CursorFollow component for SmoothUI.",
      "category": "other",
      "tags": [
        "cursor",
        "follow",
        "mouse",
        "interactive",
        "bubble",
        "spring",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Custom cursor follower with spring physics",
        "Interactive cursor bubble that shows context text",
        "Decorative cursor effect for portfolios and creative sites"
      ],
      "compositionHints": [
        "Wrap around any content section for interactive cursor effect"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/cursor-follow.json",
      "docUrl": "https://smoothui.dev/docs/components/cursor-follow",
      "registryUrl": "https://smoothui.dev/r/cursor-follow.json"
    },
    {
      "name": "dialog",
      "displayName": "Dialog",
      "description": "Animated Dialog and AlertDialog components for SmoothUI.",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "lucide-react",
        "motion",
        "radix-ui"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/dialog.json",
      "docUrl": "https://smoothui.dev/docs/components/dialog",
      "registryUrl": "https://smoothui.dev/r/dialog.json"
    },
    {
      "name": "dot-morph-button",
      "displayName": "DotMorphButton",
      "description": "A DotMorphButton component for SmoothUI.",
      "category": "button",
      "tags": [
        "button",
        "dot",
        "morph",
        "hover",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Button with dot-to-arrow morph on hover",
        "Creative CTA button with shape-shifting indicator",
        "Hover-aware button with morphing dot animation"
      ],
      "compositionHints": [
        "Use with animated-tooltip for additional context"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/dot-morph-button.json",
      "docUrl": "https://smoothui.dev/docs/components/dot-morph-button",
      "registryUrl": "https://smoothui.dev/r/dot-morph-button.json"
    },
    {
      "name": "drawer",
      "displayName": "Drawer",
      "description": "An animated Drawer component for SmoothUI that slides from any side.",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/drawer.json",
      "docUrl": "https://smoothui.dev/docs/components/drawer",
      "registryUrl": "https://smoothui.dev/r/drawer.json"
    },
    {
      "name": "dropdown-menu",
      "displayName": "DropdownMenu",
      "description": "An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.",
      "category": "basic-ui",
      "tags": [
        "dropdown",
        "menu",
        "navigation",
        "submenu",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Action menus with nested submenus",
        "Navigation dropdown with keyboard support",
        "Context-aware menu with animated open/close"
      ],
      "compositionHints": [
        "Use as trigger for toolbar actions",
        "Pair with smooth-button as trigger"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/dropdown-menu.json",
      "docUrl": "https://smoothui.dev/docs/components/dropdown-menu",
      "registryUrl": "https://smoothui.dev/r/dropdown-menu.json"
    },
    {
      "name": "dynamic-island",
      "displayName": "DynamicIsland",
      "description": "A DynamicIsland component for SmoothUI.",
      "category": "other",
      "tags": [
        "dynamic-island",
        "apple",
        "notification",
        "music",
        "timer",
        "morph",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "Apple Dynamic Island-inspired notification area",
        "Morphing status bar for music player, timer, and calls",
        "Context-aware notification component with layout animations"
      ],
      "compositionHints": [
        "Use with notification-badge for alert indicators"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/dynamic-island.json",
      "docUrl": "https://smoothui.dev/docs/components/dynamic-island",
      "registryUrl": "https://smoothui.dev/r/dynamic-island.json"
    },
    {
      "name": "expandable-cards",
      "displayName": "ExpandableCards",
      "description": "A ExpandableCards component for SmoothUI.",
      "category": "layout",
      "tags": [
        "cards",
        "expandable",
        "modal",
        "gallery",
        "layout-animation",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Card grid that expands to full detail view",
        "Image gallery with animated card expansion",
        "Content cards with smooth shared layout transitions"
      ],
      "compositionHints": [
        "Combine with animated-tabs for categorized card grids",
        "Use animated-avatar-group for card author displays"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/expandable-cards.json",
      "docUrl": "https://smoothui.dev/docs/components/expandable-cards",
      "registryUrl": "https://smoothui.dev/r/expandable-cards.json"
    },
    {
      "name": "exposure-slider",
      "displayName": "ExposureSlider",
      "description": "iOS-style exposure slider with draggable ticker and progress ring",
      "category": "other",
      "tags": [
        "slider",
        "exposure",
        "ios",
        "ticker",
        "progress-ring",
        "gesture",
        "drag"
      ],
      "complexity": "complex",
      "animationType": "gesture",
      "useCases": [
        "iOS-style exposure/brightness slider with ticker marks",
        "Precise value control with drag gesture and progress ring",
        "Camera-style parameter adjustment slider"
      ],
      "compositionHints": [
        "Pair with scrubber for different slider styles"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/exposure-slider.json",
      "docUrl": "https://smoothui.dev/docs/components/exposure-slider",
      "registryUrl": "https://smoothui.dev/r/exposure-slider.json"
    },
    {
      "name": "figma-comment",
      "displayName": "FigmaComment",
      "description": "A FigmaComment component for SmoothUI.",
      "category": "other",
      "tags": [
        "comment",
        "figma",
        "avatar",
        "popover",
        "morph",
        "collaborative",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "Figma-style expandable comment bubble with avatar",
        "Collaborative annotation comment component",
        "Morphing comment indicator that expands to show content"
      ],
      "compositionHints": [
        "Use animated-avatar-group for comment thread participants"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/figma-comment.json",
      "docUrl": "https://smoothui.dev/docs/components/figma-comment",
      "registryUrl": "https://smoothui.dev/r/figma-comment.json"
    },
    {
      "name": "form",
      "displayName": "Form",
      "description": "A lightweight, composable Form component with animated error messages and full accessibility support.",
      "category": "basic-ui",
      "tags": [
        "form",
        "validation",
        "error",
        "input",
        "accessible",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Contact forms with validation",
        "Settings forms with field-level errors",
        "Signup forms with accessible error messages"
      ],
      "compositionHints": [
        "Wrap Checkbox, RadioGroup, Select, and native inputs",
        "Pass errors from react-hook-form or custom validation",
        "Use FormField > FormLabel + FormControl + FormMessage pattern"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/form.json",
      "docUrl": "https://smoothui.dev/docs/components/form",
      "registryUrl": "https://smoothui.dev/r/form.json"
    },
    {
      "name": "github-stars-animation",
      "displayName": "GithubStarsAnimation",
      "description": "A GitHubStarsAnimation component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "github",
        "stars",
        "counter",
        "social-proof",
        "api",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Display GitHub repository star count with animated counter",
        "Social proof widget with stargazer avatars",
        "Repository statistics badge with live API data"
      ],
      "compositionHints": [
        "Use with animated-avatar-group for stargazer display",
        "Pair with number-flow for animated counter"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/github-stars-animation.json",
      "docUrl": "https://smoothui.dev/docs/components/github-stars-animation",
      "registryUrl": "https://smoothui.dev/r/github-stars-animation.json"
    },
    {
      "name": "glow-hover-card",
      "displayName": "GlowHoverCard",
      "description": "A GlowHoverCards component for SmoothUI.",
      "category": "layout",
      "tags": [
        "card",
        "glow",
        "hover",
        "gradient",
        "mask",
        "interactive",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Card grid with cursor-tracking glow border effect",
        "Feature showcase cards with dynamic hover glow",
        "Interactive card group with shared glow mask"
      ],
      "compositionHints": [
        "Wrap any content cards for the glow effect",
        "Use with animated-tabs for categorized card sections"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/glow-hover-card.json",
      "docUrl": "https://smoothui.dev/docs/components/glow-hover-card",
      "registryUrl": "https://smoothui.dev/r/glow-hover-card.json"
    },
    {
      "name": "gooey-popover",
      "displayName": "GooeyPopover",
      "description": "A GooeyPopover component for SmoothUI.",
      "category": "other",
      "tags": [
        "popover",
        "gooey",
        "svg-filter",
        "gsap",
        "morph",
        "blob",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "tween",
      "useCases": [
        "Organic gooey blob popover with SVG filter effect",
        "Creative popover with liquid morph animation",
        "Unique menu or content reveal with gooey physics"
      ],
      "compositionHints": [
        "Use as an alternative to animated-tooltip for creative UIs"
      ],
      "hasReducedMotion": false,
      "dependencies": [
        "gsap"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/gooey-popover.json",
      "docUrl": "https://smoothui.dev/docs/components/gooey-popover",
      "registryUrl": "https://smoothui.dev/r/gooey-popover.json"
    },
    {
      "name": "grid-loader",
      "displayName": "GridLoader",
      "description": "3x3 grid-based loading animation with preset patterns",
      "category": "feedback",
      "tags": [
        "loader",
        "grid",
        "loading",
        "spinner",
        "pattern",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "3x3 grid loading animation with customizable patterns",
        "Creative loading indicator with preset shape sequences",
        "Decorative loader with configurable cell patterns"
      ],
      "compositionHints": [
        "Use alongside skeleton-loader for different loading states",
        "Pair with animated-progress-bar for determinate loading"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/grid-loader.json",
      "docUrl": "https://smoothui.dev/docs/components/grid-loader",
      "registryUrl": "https://smoothui.dev/r/grid-loader.json"
    },
    {
      "name": "image-metadata-preview",
      "displayName": "ImageMetadataPreview",
      "description": "A ImageMetadataPreview component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "image",
        "metadata",
        "preview",
        "expandable",
        "file-info",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Image preview card with expandable metadata panel",
        "File information display with share and close actions",
        "Media asset preview with creation date and source info"
      ],
      "compositionHints": [
        "Use inside basic-modal for full image preview dialogs"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react",
        "react-use-measure"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/image-metadata-preview.json",
      "docUrl": "https://smoothui.dev/docs/components/image-metadata-preview",
      "registryUrl": "https://smoothui.dev/r/image-metadata-preview.json"
    },
    {
      "name": "infinite-slider",
      "displayName": "InfiniteSlider",
      "description": "A InfiniteSlider component for SmoothUI.",
      "category": "other",
      "tags": [
        "slider",
        "infinite",
        "marquee",
        "carousel",
        "auto-scroll",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Infinite scrolling logo marquee or content slider",
        "Auto-scrolling testimonial or partner logo carousel",
        "Continuous content slider with hover speed control"
      ],
      "compositionHints": [
        "Ideal for logo-cloud blocks",
        "Use with reviews-carousel for testimonial sections"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "react-use-measure"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/infinite-slider.json",
      "docUrl": "https://smoothui.dev/docs/components/infinite-slider",
      "registryUrl": "https://smoothui.dev/r/infinite-slider.json"
    },
    {
      "name": "interactive-image-selector",
      "displayName": "InteractiveImageSelector",
      "description": "A InteractiveImageSelector component for SmoothUI.",
      "category": "other",
      "tags": [
        "image",
        "selector",
        "gallery",
        "selection",
        "gesture",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Image gallery with animated selection and deselection",
        "Multi-image picker with gesture-driven animations",
        "Photo selection interface with share and delete actions"
      ],
      "compositionHints": [
        "Combine with basic-modal for image detail views"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/interactive-image-selector.json",
      "docUrl": "https://smoothui.dev/docs/components/interactive-image-selector",
      "registryUrl": "https://smoothui.dev/r/interactive-image-selector.json"
    },
    {
      "name": "job-listing-component",
      "displayName": "JobListingComponent",
      "description": "A JobListingComponent component for SmoothUI.",
      "category": "layout",
      "tags": [
        "job",
        "listing",
        "card",
        "expandable",
        "careers",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Job listing cards with expandable details",
        "Careers page component with company logos",
        "Animated job board with salary and location info"
      ],
      "compositionHints": [
        "Use with searchable-dropdown for job filtering",
        "Pair with animated-tags for skill tag display"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "usehooks-ts"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/job-listing-component.json",
      "docUrl": "https://smoothui.dev/docs/components/job-listing-component",
      "registryUrl": "https://smoothui.dev/r/job-listing-component.json"
    },
    {
      "name": "magnetic-button",
      "displayName": "MagneticButton",
      "description": "Button that subtly follows the cursor with magnetic effect",
      "category": "button",
      "tags": [
        "button",
        "magnetic",
        "cursor",
        "hover",
        "spring",
        "interactive",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Button that subtly follows cursor with magnetic attraction",
        "Interactive CTA with spring-physics hover effect",
        "Playful button with cursor-aware displacement"
      ],
      "compositionHints": [
        "Enhance with animated-tooltip for hover descriptions",
        "Use as primary CTA in hero sections"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "@radix-ui/react-slot",
        "class-variance-authority",
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/magnetic-button.json",
      "docUrl": "https://smoothui.dev/docs/components/magnetic-button",
      "registryUrl": "https://smoothui.dev/r/magnetic-button.json"
    },
    {
      "name": "notification-badge",
      "displayName": "NotificationBadge",
      "description": "Animated notification badge with count and status variants",
      "category": "basic-ui",
      "tags": [
        "badge",
        "notification",
        "count",
        "status",
        "dot",
        "ping",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Notification count badge with animated entrance",
        "Online/offline status indicator with pulse",
        "Unread message counter with ping animation"
      ],
      "compositionHints": [
        "Overlay on any icon button or avatar component",
        "Use with dynamic-island for notification system"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/notification-badge.json",
      "docUrl": "https://smoothui.dev/docs/components/notification-badge",
      "registryUrl": "https://smoothui.dev/r/notification-badge.json"
    },
    {
      "name": "number-flow",
      "displayName": "NumberFlow",
      "description": "A NumberFlow component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "number",
        "counter",
        "odometer",
        "digit",
        "transition",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Animated number counter with rolling digit transitions",
        "Price or stat display with smooth increment/decrement",
        "Odometer-style number animation for dashboards"
      ],
      "compositionHints": [
        "Pair with animated-progress-bar for visual + numeric progress",
        "Use in pricing sections with price-flow"
      ],
      "hasReducedMotion": false,
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/number-flow.json",
      "docUrl": "https://smoothui.dev/docs/components/number-flow",
      "registryUrl": "https://smoothui.dev/r/number-flow.json"
    },
    {
      "name": "pagination",
      "displayName": "Pagination",
      "description": "Animated pagination with spring-based active page indicator",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/pagination.json",
      "docUrl": "https://smoothui.dev/docs/components/pagination",
      "registryUrl": "https://smoothui.dev/r/pagination.json"
    },
    {
      "name": "phototab",
      "displayName": "Phototab",
      "description": "A Phototab component for SmoothUI.",
      "category": "other",
      "tags": [
        "tabs",
        "photo",
        "image",
        "gallery",
        "radix",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Photo gallery with animated tab navigation",
        "Image showcase with icon-labeled tabs",
        "Category-based image viewer with smooth transitions"
      ],
      "compositionHints": [
        "Use as an alternative to animated-tabs for image-heavy content"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "@radix-ui/react-tabs"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/phototab.json",
      "docUrl": "https://smoothui.dev/docs/components/phototab",
      "registryUrl": "https://smoothui.dev/r/phototab.json"
    },
    {
      "name": "power-off-slide",
      "displayName": "PowerOffSlide",
      "description": "A PowerOffSlide component for SmoothUI.",
      "category": "other",
      "tags": [
        "slide",
        "power-off",
        "gesture",
        "drag",
        "confirmation",
        "ios",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "gesture",
      "useCases": [
        "iOS-style slide to power off confirmation",
        "Destructive action confirmation with drag gesture",
        "Slide-to-confirm component for critical actions"
      ],
      "compositionHints": [
        "Use for logout or delete confirmations instead of basic-modal"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/power-off-slide.json",
      "docUrl": "https://smoothui.dev/docs/components/power-off-slide",
      "registryUrl": "https://smoothui.dev/r/power-off-slide.json"
    },
    {
      "name": "price-flow",
      "displayName": "PriceFlow",
      "description": "A PriceFlow component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "price",
        "counter",
        "currency",
        "digit",
        "transition",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Animated price display with rolling digit transitions",
        "Real-time price ticker with smooth updates",
        "Currency amount display with increment/decrement animation"
      ],
      "compositionHints": [
        "Use in pricing blocks alongside number-flow",
        "Pair with animated-toggle for pricing interval switcher"
      ],
      "hasReducedMotion": false,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/price-flow.json",
      "docUrl": "https://smoothui.dev/docs/components/price-flow",
      "registryUrl": "https://smoothui.dev/r/price-flow.json"
    },
    {
      "name": "product-card",
      "displayName": "ProductCard",
      "description": "Animated product card component for ecommerce",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "smooth-button"
      ],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/product-card.json",
      "docUrl": "https://smoothui.dev/docs/components/product-card",
      "registryUrl": "https://smoothui.dev/r/product-card.json"
    },
    {
      "name": "radio-group",
      "displayName": "RadioGroup",
      "description": "An animated Radio Group component for SmoothUI with selection indicator spring animation.",
      "category": "basic-ui",
      "tags": [
        "radio",
        "form",
        "input",
        "selection",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Form radio group with animated selection indicator",
        "Single-select option group",
        "Accessible radio buttons with arrow key navigation"
      ],
      "compositionHints": [
        "Use inside form component for validation",
        "Pair with label elements for accessibility"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "radix-ui"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/radio-group.json",
      "docUrl": "https://smoothui.dev/docs/components/radio-group",
      "registryUrl": "https://smoothui.dev/r/radio-group.json"
    },
    {
      "name": "reveal-text",
      "displayName": "RevealText",
      "description": "A RevealText component for SmoothUI.",
      "category": "text",
      "tags": [
        "text",
        "reveal",
        "entrance",
        "direction",
        "scroll-trigger",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "spring",
      "useCases": [
        "Text entrance animation with directional reveal",
        "Hero headline with animated appearance on scroll",
        "Section title with staggered character reveal"
      ],
      "compositionHints": [
        "Combine with wave-text for layered text effects",
        "Use for hero section headings in header blocks"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/reveal-text.json",
      "docUrl": "https://smoothui.dev/docs/components/reveal-text",
      "registryUrl": "https://smoothui.dev/r/reveal-text.json"
    },
    {
      "name": "reviews-carousel",
      "displayName": "ReviewsCarousel",
      "description": "A ReviewsCarousel component for SmoothUI.",
      "category": "data-display",
      "tags": [
        "carousel",
        "reviews",
        "testimonials",
        "slider",
        "cards",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Review card carousel with stacked card effect",
        "Testimonial slider with navigation arrows",
        "Customer feedback display with animated card transitions"
      ],
      "compositionHints": [
        "Use with animated-avatar-group for reviewer photos",
        "Pair with github-stars-animation for social proof sections"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/reviews-carousel.json",
      "docUrl": "https://smoothui.dev/docs/components/reviews-carousel",
      "registryUrl": "https://smoothui.dev/r/reviews-carousel.json"
    },
    {
      "name": "rich-popover",
      "displayName": "RichPopover",
      "description": "A RichPopover component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "popover",
        "tooltip",
        "rich",
        "radix",
        "link-preview",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Rich content popover with title, description, and action",
        "Link preview tooltip with metadata display",
        "Enhanced tooltip with icon, CTA button, and meta info"
      ],
      "compositionHints": [
        "Use as an enhanced alternative to animated-tooltip",
        "Pair with magnetic-button for trigger elements"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react",
        "@radix-ui/react-popover"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/rich-popover.json",
      "docUrl": "https://smoothui.dev/docs/components/rich-popover",
      "registryUrl": "https://smoothui.dev/r/rich-popover.json"
    },
    {
      "name": "scramble-hover",
      "displayName": "ScrambleHover",
      "description": "A ScrambleHover component for SmoothUI.",
      "category": "text",
      "tags": [
        "text",
        "scramble",
        "hover",
        "glitch",
        "effect",
        "interactive"
      ],
      "complexity": "simple",
      "animationType": "tween",
      "useCases": [
        "Hover text effect with character scramble animation",
        "Glitch-style text reveal on mouse interaction",
        "Creative menu link hover effect"
      ],
      "compositionHints": [
        "Use for navigation links alongside magnetic-button",
        "Pair with reveal-text for combined text effects"
      ],
      "hasReducedMotion": false,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/scramble-hover.json",
      "docUrl": "https://smoothui.dev/docs/components/scramble-hover",
      "registryUrl": "https://smoothui.dev/r/scramble-hover.json"
    },
    {
      "name": "scroll-reveal-paragraph",
      "displayName": "ScrollRevealParagraph",
      "description": "A ScrollRevealParagraph component for SmoothUI.",
      "category": "text",
      "tags": [
        "text",
        "scroll",
        "reveal",
        "paragraph",
        "word-by-word",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "scroll",
      "useCases": [
        "Paragraph text that reveals word by word on scroll",
        "Scroll-driven text opacity animation for storytelling",
        "Reading progress indicator through text highlighting"
      ],
      "compositionHints": [
        "Use for about sections and storytelling pages",
        "Combine with reveal-text for heading + paragraph combos"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/scroll-reveal-paragraph.json",
      "docUrl": "https://smoothui.dev/docs/components/scroll-reveal-paragraph",
      "registryUrl": "https://smoothui.dev/r/scroll-reveal-paragraph.json"
    },
    {
      "name": "scrollable-card-stack",
      "displayName": "ScrollableCardStack",
      "description": "A ScrollableCardStack component for SmoothUI.",
      "category": "layout",
      "tags": [
        "cards",
        "stack",
        "scroll",
        "perspective",
        "3d",
        "gesture",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "gesture",
      "useCases": [
        "3D card stack with scroll-driven transitions",
        "Social media feed with perspective card stacking",
        "Content showcase with scroll and hover interactions"
      ],
      "compositionHints": [
        "Use with animated-avatar-group for card author sections"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/scrollable-card-stack.json",
      "docUrl": "https://smoothui.dev/docs/components/scrollable-card-stack",
      "registryUrl": "https://smoothui.dev/r/scrollable-card-stack.json"
    },
    {
      "name": "scrubber",
      "displayName": "Scrubber",
      "description": "Design-tool style scrubber slider with animated thumb and built-in label",
      "category": "basic-ui",
      "tags": [
        "slider",
        "scrubber",
        "range",
        "input",
        "drag",
        "design-tool",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Design tool-style scrubber slider with animated thumb",
        "Precise numeric value control with drag interaction",
        "Parameter adjustment slider with built-in label and ticks"
      ],
      "compositionHints": [
        "Pair with exposure-slider for different slider aesthetics",
        "Use in settings panels with animated-toggle"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/scrubber.json",
      "docUrl": "https://smoothui.dev/docs/components/scrubber",
      "registryUrl": "https://smoothui.dev/r/scrubber.json"
    },
    {
      "name": "searchable-dropdown",
      "displayName": "SearchableDropdown",
      "description": "A SearchableDropdown component for SmoothUI.",
      "category": "basic-ui",
      "tags": [
        "dropdown",
        "search",
        "select",
        "filter",
        "combobox",
        "portal",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Searchable select dropdown with filter-as-you-type",
        "Combobox with animated open/close and item highlights",
        "Filterable dropdown menu with icon and description support"
      ],
      "compositionHints": [
        "Use alongside basic-dropdown for non-searchable selects",
        "Pair with animated-tags for multi-select tagging"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/searchable-dropdown.json",
      "docUrl": "https://smoothui.dev/docs/components/searchable-dropdown",
      "registryUrl": "https://smoothui.dev/r/searchable-dropdown.json"
    },
    {
      "name": "select",
      "displayName": "Select",
      "description": "An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth animations.",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/select.json",
      "docUrl": "https://smoothui.dev/docs/components/select",
      "registryUrl": "https://smoothui.dev/r/select.json"
    },
    {
      "name": "siri-orb",
      "displayName": "SiriOrb",
      "description": "A beautiful animated orb component inspired by Siri's visual design.",
      "category": "ai",
      "tags": [
        "siri",
        "orb",
        "ai",
        "animated",
        "glow",
        "css",
        "decorative"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Animated Siri-inspired orb for AI interfaces",
        "Visual AI status indicator with pulsing glow",
        "Decorative animated orb for loading or presence states"
      ],
      "compositionHints": [
        "Use inside ai-input for AI visual indicator",
        "Pair with agent-avatar for AI presence displays"
      ],
      "hasReducedMotion": false,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/siri-orb.json",
      "docUrl": "https://smoothui.dev/docs/components/siri-orb",
      "registryUrl": "https://smoothui.dev/r/siri-orb.json"
    },
    {
      "name": "skeleton-loader",
      "displayName": "SkeletonLoader",
      "description": "Animated skeleton loading placeholders",
      "category": "basic-ui",
      "tags": [
        "skeleton",
        "loader",
        "loading",
        "placeholder",
        "shimmer",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "tween",
      "useCases": [
        "Loading placeholder that matches content dimensions",
        "Skeleton screen for async data loading states",
        "Shimmer effect placeholder for cards and text blocks"
      ],
      "compositionHints": [
        "Use with grid-loader for combined loading UX",
        "Pair with tweet-card for tweet loading skeletons"
      ],
      "hasReducedMotion": false,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/skeleton-loader.json",
      "docUrl": "https://smoothui.dev/docs/components/skeleton-loader",
      "registryUrl": "https://smoothui.dev/r/skeleton-loader.json"
    },
    {
      "name": "smooth-button",
      "displayName": "SmoothButton",
      "description": "A polished button component with gradient variants and press animation",
      "category": "other",
      "tags": [],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [],
      "compositionHints": [],
      "hasReducedMotion": false,
      "dependencies": [
        "@radix-ui/react-slot",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/smooth-button.json",
      "docUrl": "https://smoothui.dev/docs/components/smooth-button",
      "registryUrl": "https://smoothui.dev/r/smooth-button.json"
    },
    {
      "name": "social-selector",
      "displayName": "SocialSelector",
      "description": "A SocialSelector component for SmoothUI.",
      "category": "other",
      "tags": [
        "social",
        "selector",
        "icons",
        "share",
        "hover",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "spring",
      "useCases": [
        "Social media platform selector with animated icons",
        "Share menu with platform-specific icon animations",
        "Social link picker with hover feedback"
      ],
      "compositionHints": [
        "Use in footer blocks for social media links",
        "Pair with animated-tooltip for platform name labels"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/social-selector.json",
      "docUrl": "https://smoothui.dev/docs/components/social-selector",
      "registryUrl": "https://smoothui.dev/r/social-selector.json"
    },
    {
      "name": "switchboard-card",
      "displayName": "SwitchboardCard",
      "description": "A SwitchboardCard component with light grid illustration for SmoothUI.",
      "category": "other",
      "tags": [
        "card",
        "switchboard",
        "lights",
        "grid",
        "decorative",
        "animated"
      ],
      "complexity": "moderate",
      "animationType": "tween",
      "useCases": [
        "Decorative card with animated light grid pattern",
        "Feature card with switchboard-style visual illustration",
        "Landing page card with dynamic light effects"
      ],
      "compositionHints": [
        "Use in feature showcase sections",
        "Pair with glow-hover-card for a cohesive card group"
      ],
      "hasReducedMotion": false,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/switchboard-card.json",
      "docUrl": "https://smoothui.dev/docs/components/switchboard-card",
      "registryUrl": "https://smoothui.dev/r/switchboard-card.json"
    },
    {
      "name": "tweet-card",
      "displayName": "TweetCard",
      "description": "A beautiful tweet card component for displaying Twitter/X posts.",
      "category": "data-display",
      "tags": [
        "tweet",
        "twitter",
        "x",
        "embed",
        "social",
        "card"
      ],
      "complexity": "moderate",
      "animationType": "none",
      "useCases": [
        "Embed Twitter/X posts with styled card component",
        "Social proof section with real tweet displays",
        "Testimonial display using actual tweets"
      ],
      "compositionHints": [
        "Use with infinite-slider for scrolling tweet walls",
        "Pair with skeleton-loader via TweetSkeleton for loading"
      ],
      "hasReducedMotion": false,
      "dependencies": [
        "react-tweet"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/tweet-card.json",
      "docUrl": "https://smoothui.dev/docs/components/tweet-card",
      "registryUrl": "https://smoothui.dev/r/tweet-card.json"
    },
    {
      "name": "typewriter-text",
      "displayName": "TypewriterText",
      "description": "A TypewriterText component for SmoothUI.",
      "category": "text",
      "tags": [
        "text",
        "typewriter",
        "typing",
        "cursor",
        "loop",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "tween",
      "useCases": [
        "Typewriter text effect for hero headlines",
        "Typing animation for chatbot or terminal-style UIs",
        "Looping text reveal for taglines or feature highlights"
      ],
      "compositionHints": [
        "Combine with reveal-text for multi-style text sections",
        "Use in hero sections with magnetic-button CTAs"
      ],
      "hasReducedMotion": true,
      "dependencies": [],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/typewriter-text.json",
      "docUrl": "https://smoothui.dev/docs/components/typewriter-text",
      "registryUrl": "https://smoothui.dev/r/typewriter-text.json"
    },
    {
      "name": "user-account-avatar",
      "displayName": "UserAccountAvatar",
      "description": "A UserAccountAvatar component for SmoothUI.",
      "category": "other",
      "tags": [
        "avatar",
        "account",
        "popover",
        "profile",
        "orders",
        "radix",
        "animated"
      ],
      "complexity": "complex",
      "animationType": "spring",
      "useCases": [
        "User account avatar with popover profile panel",
        "Account menu with profile editing and order tracking",
        "Interactive user avatar with animated tab navigation"
      ],
      "compositionHints": [
        "Use with notification-badge for unread indicators",
        "Pair with animated-avatar-group in team settings"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion",
        "lucide-react",
        "@radix-ui/react-popover"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/user-account-avatar.json",
      "docUrl": "https://smoothui.dev/docs/components/user-account-avatar",
      "registryUrl": "https://smoothui.dev/r/user-account-avatar.json"
    },
    {
      "name": "wave-text",
      "displayName": "WaveText",
      "description": "A WaveText component for SmoothUI.",
      "category": "text",
      "tags": [
        "text",
        "wave",
        "animation",
        "continuous",
        "bounce",
        "decorative",
        "animated"
      ],
      "complexity": "simple",
      "animationType": "tween",
      "useCases": [
        "Continuous wave animation on text characters",
        "Decorative animated heading for playful UIs",
        "Attention-grabbing text effect for CTAs or logos"
      ],
      "compositionHints": [
        "Combine with reveal-text for entrance + continuous effects",
        "Use for loading state text or brand logos"
      ],
      "hasReducedMotion": true,
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "installCommand": "npx shadcn@latest add https://smoothui.dev/r/wave-text.json",
      "docUrl": "https://smoothui.dev/docs/components/wave-text",
      "registryUrl": "https://smoothui.dev/r/wave-text.json"
    }
  ],
  "blocks": []
}