{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "scrollxui", "homepage": "https://github.com/Adityakishore0/ScrollX-UI", "dependencies": ["clsx", "tailwind-merge"], "items": [ { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "utils", "title": "Utils", "type": "registry:lib", "registryDependencies": [], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/lib/utils.ts", "type": "registry:lib" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "accordion", "title": "Accordion", "description": "A collapsible component for showing and hiding content sections.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-accordion", "lucide-react", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/accordion.tsx", "type": "registry:ui", "target": "components/ui/accordion.tsx" } ], "cssVars": { "theme": { "--animate-accordion-down": "accordion-down 0.2s ease-out", "--animate-accordion-up": "accordion-up 0.2s ease-out", "--animate-shake-smooth": "shake-smooth 0.5s ease-in-out" } }, "css": { "@keyframes accordion-down": { "from": { "height": "0" }, "to": { "height": "var(--radix-accordion-content-height)" } }, "@keyframes accordion-up": { "from": { "height": "var(--radix-accordion-content-height)" }, "to": { "height": "0" } }, "@keyframes shake-smooth": { "0%": { "transform": "translateX(0)" }, "10%": { "transform": "translateX(-12px)" }, "20%": { "transform": "translateX(12px)" }, "30%": { "transform": "translateX(-10px)" }, "40%": { "transform": "translateX(10px)" }, "50%": { "transform": "translateX(-6px)" }, "60%": { "transform": "translateX(6px)" }, "70%": { "transform": "translateX(-3px)" }, "80%": { "transform": "translateX(3px)" }, "90%": { "transform": "translateX(-1px)" }, "100%": { "transform": "translateX(0)" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "alert-dialog", "title": "Alert Dialog", "description": "A modal dialog used to convey critical information and require a user response before proceeding..", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "@radix-ui/react-alert-dialog", "motion", "lucide-react", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/alert-dialog.tsx", "type": "registry:ui", "target": "components/ui/alert-dialog.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "animated-button", "title": "Animated Button", "description": "AnimatedButton is a highly customizable animated button component with shimmer effects, glow, and visual styling options.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/animated-button.tsx", "type": "registry:ui", "target": "components/ui/animated-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "animated-tabs", "title": "Animated Tabs", "description": "A headless and styled tab UI component set for switching content views.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["tailwind-merge"], "files": [ { "path": "src/components/ui/animated-tabs.tsx", "type": "registry:ui", "target": "components/ui/animated-tabs.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "animated-testimonials", "title": "Animated Testimonials", "description": "Minimal testimonials with image and quote for clean, modern design.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/animated-testimonials.tsx", "type": "registry:ui", "target": "components/ui/animated-testimonials.tsx" } ], "css": { "@layer utilities": { ".animate-canopy-horizontal": { "animation": "canopy-x var(--duration) infinite linear" }, ".animate-canopy-vertical": { "animation": "canopy-y var(--duration) linear infinite" }, ".direction-reverse.animate-canopy-horizontal": { "animation-direction": "reverse" }, ".direction-reverse.animate-canopy-vertical": { "animation-direction": "reverse" }, ".group:hover .group-hover\\:paused": { "animation-play-state": "paused" } }, "@keyframes canopy-x": { "from": { "transform": "translateX(0)" }, "to": { "transform": "translateX(calc(-100% - var(--gap)))" } }, "@keyframes canopy-y": { "from": { "transform": "translateY(0)" }, "to": { "transform": "translateY(calc(-100% - var(--gap)))" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "animated-textgenerate", "title": "Animated TextGenerate", "description": "Generates animated text word-by-word with blur, highlights, links, and smooth effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/animated-textgenerate.tsx", "type": "registry:ui", "target": "components/ui/animated-textgenerate.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "announcement", "title": "Announcement", "description": "An announcement component that highlights key info with icons, effects, and expandable content.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/badge", "Adityakishore0/ScrollX-UI/lustretext", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "class-variance-authority", "lucide-react", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/announcement.tsx", "type": "registry:ui", "target": "components/ui/announcement.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "aspect-ratio", "title": "Aspect Ratio", "description": "A responsive container component that maintains a fixed aspect ratio, commonly used for media like images and videos.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["@radix-ui/react-aspect-ratio"], "files": [ { "path": "src/components/ui/aspect-ratio.tsx", "type": "registry:ui", "target": "components/ui/aspect-ratio.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "avatar", "title": "Avatar", "description": "Customizable Avatar component with animated borders for status indicators like \"close friends\" or \"normal story\".", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["@radix-ui/react-avatar", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/avatar.tsx", "type": "registry:ui", "target": "components/ui/avatar.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "avatar-group", "title": "Avatar Group", "description": "Overlapping avatar circles that expand smoothly to reveal each user's name on hover.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/avatar-group.tsx", "type": "registry:ui", "target": "components/ui/avatar-group.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "aurora-dots", "title": "Aurora Dots", "description": "A captivating background effect featuring softly glowing, animated dots that mimic the ethereal beauty of the aurora borealis.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/aurora-dots.tsx", "type": "registry:ui", "target": "components/ui/aurora-dots.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "backgroundmeteors", "title": "Background Meteors", "description": "animated background featuring vertical meteor-like beams falling from the top to the bottom of the screen over a grid pattern.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/backgroundmeteors.tsx", "type": "registry:ui", "target": "components/ui/backgroundmeteors.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "background-paths", "title": "Background Paths", "description": "A set of SVG paths that animate as if being drawn. Great for tech hero backgrounds.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/background-paths.tsx", "type": "registry:ui", "target": "components/ui/background-paths.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "badge", "title": "Badge", "description": "A small badge component with customizable variants and shiny animation effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["class-variance-authority", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/badge.tsx", "type": "registry:ui", "target": "components/ui/badge.tsx" } ], "css": { "@layer utilities": { ".animate-shine": { "animation": "shine 5s linear infinite" } }, "@keyframes shine": { "0%": { "background-position": "100%" }, "100%": { "background-position": "-100%" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "barswave", "title": "BarsWave", "description": "Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/barswave.tsx", "type": "registry:ui", "target": "components/ui/barswave.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "beams-upstream", "title": "Beams Upstream", "description": "Multiple background beams travel upstream, forming a hero section background.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/beams-upstream.tsx", "type": "registry:ui", "target": "components/ui/beams-upstream.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bento-grid", "title": "Bento Grid", "description": "A responsive grid layout for showcasing features in varied card sizes with optional tilt effects.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card-tilt", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/bento-grid.tsx", "type": "registry:ui", "target": "components/ui/bento-grid.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bolt-strike", "title": "Bolt Strike", "description": "lightning bolts burst randomly with sparks and particles, creating a high-energy, reactive background effect.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/bolt-strike.tsx", "type": "registry:ui", "target": "components/ui/bolt-strike.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "border-glide", "title": "Border Glide", "description": "Modern UI cards with a moving border and smooth transitions.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/border-glide.tsx", "type": "registry:ui", "target": "components/ui/border-glide.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "button", "title": "Button", "description": "Reusable button component with multiple variants and sizes.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/button.tsx", "type": "registry:ui", "target": "components/ui/button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "card", "title": "Card", "description": "Renders a card component comprising a header, content section, and footer...", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/card.tsx", "type": "registry:ui", "target": "components/ui/card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "card-flip", "title": "Card Flip", "description": "Renders a card component with flip animation, supporting front/back content.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/card-flip.tsx", "type": "registry:ui", "target": "components/ui/card-flip.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "card-tilt", "title": "Card Tilt", "description": "smooth card tilt that responds naturally to your cursor, giving the card a more polished, modern look.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/card-tilt.tsx", "type": "registry:ui", "target": "components/ui/card-tilt.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "carousel", "title": "Carousel", "description": "A carousel component with card stack visualization for cycling through content.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "lucide-react", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/carousel.tsx", "type": "registry:ui", "target": "components/ui/carousel.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "calendar", "title": "Calendar", "description": "A date field component that enables users to choose and edit a date.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "lucide-react", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/calendar.tsx", "type": "registry:ui", "target": "components/ui/calendar.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "checkbox-pro", "title": "Checkbox Pro", "description": "A customizable checkbox component with animated checkmark and indeterminate states.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/checkbox-pro.tsx", "type": "registry:ui", "target": "components/ui/checkbox-pro.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "checklist-cell", "title": "Checklist Cell", "description": "Animated checklist illustration with sliding tasks and progressive completion.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/checklist-cell.tsx", "type": "registry:ui", "target": "components/ui/checklist-cell.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "clock", "title": "Clock", "description": "clock component with rotating hands and glowing effects, perfect for CTA sections.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/clock.tsx", "type": "registry:ui", "target": "components/ui/clock.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "codeblock", "title": "CodeBlock", "description": "Syntax-highlighted codeblock component built on top of react-syntax-highlighter.", "type": "registry:ui", "registryDependencies": [], "dependencies": [ "lucide-react", "react-syntax-highlighter", "@types/react-syntax-highlighter" ], "files": [ { "path": "src/components/ui/codeblock.tsx", "type": "registry:ui", "target": "components/ui/codeblock.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "collapsible", "title": "Collapsible", "description": "An interactive component which expands/collapses a panel with a smooth motion.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "@radix-ui/react-collapsible"], "files": [ { "path": "src/components/ui/collapsible.tsx", "type": "registry:ui", "target": "components/ui/collapsible.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "columnlines", "title": "ColumnLines", "description": "column grid background with radial fade and subtle noise. Great for hero backgrounds.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/columnlines.tsx", "type": "registry:ui", "target": "components/ui/columnlines.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "cosmic-background", "title": "Cosmic Background", "description": "A modern cosmic background featuring smooth motion and immersive depth effects.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["three"], "files": [ { "path": "src/components/ui/cosmic-background.tsx", "type": "registry:ui", "target": "components/ui/cosmic-background.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "cursor-highlight", "title": "Cursor Highlight", "description": "Text is revealed on scroll with pointer, gradient, and border effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/cursor-highlight.tsx", "type": "registry:ui", "target": "components/ui/cursor-highlight.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "cursorimagetrail", "title": "Cursor ImageTrail", "description": "The CursorImageTrail component creates an interactive mouse trail effect with animated images.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/cursorimagetrail.tsx", "type": "registry:ui", "target": "components/ui/cursorimagetrail.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "decorated-text", "title": "Decorated Text", "description": "decorative text frame with corner accents and a compact entrance effect.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/decorated-text.tsx", "type": "registry:ui", "target": "components/ui/decorated-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "dot-wave", "title": "Dot Wave", "description": "Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/dot-wave.tsx", "type": "registry:ui", "target": "components/ui/dot-wave.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "draggable-avatar", "title": "Draggable Avatar", "description": "It displays a circular, draggable avatar with customizable size and style.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/draggable-avatar.tsx", "type": "registry:ui", "target": "components/ui/draggable-avatar.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "drift-card", "title": "Drift Card", "description": "An interactive card with a drift hover effect that visually highlights content.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/drift-card.tsx", "type": "registry:ui", "target": "components/ui/drift-card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "dropdown-menu", "title": "Dropdown Menu", "description": "Animated Dropdown Menu Reveals a menu of options or actions when activated by a button.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "lucide-react", "@radix-ui/react-dropdown-menu", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/dropdown-menu.tsx", "type": "registry:ui", "target": "components/ui/dropdown-menu.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "dualsparks", "title": "Dual Sparks", "description": "Corner-based spark waves that radiate inward and outward with smooth motion.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/dualsparks.tsx", "type": "registry:ui", "target": "components/ui/dualsparks.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "electric-text", "title": "Electric Text", "description": "Animated electric text with glowing, distorted outline-solid for dynamic neon effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/electric-text.tsx", "type": "registry:ui", "target": "components/ui/electric-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "expandable-cards", "title": "Expandable Cards", "description": "Interactive card layout where hovered cards expand smoothly for focused content viewing.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/expandable-cards.tsx", "type": "registry:ui", "target": "components/ui/expandable-cards.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "expandable-dock", "title": "Expandable Dock", "description": "A customizable expandable dock component.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/expandable-dock.tsx", "type": "registry:ui", "target": "components/ui/expandable-dock.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "facescape", "title": "Facescape", "description": "Interactive, animated user avatars with hover effects and responsive layout.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar", "Adityakishore0/ScrollX-UI/tooltip", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "@radix-ui/react-avatar", "motion", "@radix-ui/react-tooltip", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/facescape.tsx", "type": "registry:ui", "target": "components/ui/facescape.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "fancy-text", "title": "Fancy Text", "description": "A refined text reveal animation with smooth character motion and a clean, modern visual flow.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/fancy-text.tsx", "type": "registry:ui", "target": "components/ui/fancy-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flashy-card", "title": "Flashy Card", "description": "Interactive card with smooth animated activation and visual effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/flashy-card.tsx", "type": "registry:ui", "target": "components/ui/flashy-card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flex-navbar", "title": "Flex Navbar", "description": "A modern navbar with smooth expansion, media panels, and theme controls.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/theme-switch", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "clsx", "tailwind-merge", "lucide-react", "next-themes" ], "files": [ { "path": "src/components/ui/flex-navbar.tsx", "type": "registry:ui", "target": "components/ui/flex-navbar.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flipflow", "title": "FlipFlow", "description": "A looping flow of flip cards with smooth motion and subtle interactive effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/flipflow.tsx", "type": "registry:ui", "target": "components/ui/flipflow.tsx" } ], "css": { "@layer utilities": { ".animate-canopy-horizontal": { "animation": "canopy-x var(--duration) infinite linear" }, ".animate-canopy-vertical": { "animation": "canopy-y var(--duration) linear infinite" }, ".direction-reverse.animate-canopy-horizontal": { "animation-direction": "reverse" }, ".direction-reverse.animate-canopy-vertical": { "animation-direction": "reverse" }, ".group:hover .group-hover\\:paused": { "animation-play-state": "paused" } }, "@keyframes canopy-x": { "from": { "transform": "translateX(0)" }, "to": { "transform": "translateX(calc(-100% - var(--gap)))" } }, "@keyframes canopy-y": { "from": { "transform": "translateY(0)" }, "to": { "transform": "translateY(calc(-100% - var(--gap)))" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flipstack", "title": "FlipStack", "description": "A stylish and animated card stack UI for showcasing content in layered views.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/flipstack.tsx", "type": "registry:ui", "target": "components/ui/flipstack.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flowing-logos", "title": "Flowing Logos", "description": "Flowing logo showcase with smooth animations, hover effects, and modern UI.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/flowing-logos.tsx", "type": "registry:ui", "target": "components/ui/flowing-logos.tsx" } ], "css": { "@layer utilities": { ".animate-canopy-horizontal": { "animation": "canopy-x var(--duration) infinite linear" }, ".animate-canopy-vertical": { "animation": "canopy-y var(--duration) linear infinite" }, ".direction-reverse.animate-canopy-horizontal": { "animation-direction": "reverse" }, ".direction-reverse.animate-canopy-vertical": { "animation-direction": "reverse" }, ".group:hover .group-hover\\:paused": { "animation-play-state": "paused" } }, "@keyframes canopy-x": { "from": { "transform": "translateX(0)" }, "to": { "transform": "translateX(calc(-100% - var(--gap)))" } }, "@keyframes canopy-y": { "from": { "transform": "translateY(0)" }, "to": { "transform": "translateY(calc(-100% - var(--gap)))" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "folder", "title": "Folder", "description": "Interactive 3D Folder UI component with hover & click animations for modern apps.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/folder.tsx", "type": "registry:ui", "target": "components/ui/folder.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "folder-tree", "title": "Folder Tree", "description": "A customizable folder tree component for displaying hierarchical data with expandable nodes.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/folder-tree.tsx", "type": "registry:ui", "target": "components/ui/folder-tree.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "followcursor", "title": "Follow Cursor", "description": "Colorful, fluid cursor trails that respond to mouse movement.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["ogl"], "files": [ { "path": "src/components/ui/followcursor.tsx", "type": "registry:ui", "target": "components/ui/followcursor.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "glass", "title": "Glass", "description": "glass surface with interactive ripple and dynamic cursor effects.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/glass.tsx", "type": "registry:ui", "target": "components/ui/glass.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "glowingbordercard", "title": "Glowing Border Card", "description": "A customizable card with a glowing border effect that changes colors based on light and dark modes.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/glowingbordercard.tsx", "type": "registry:ui", "target": "components/ui/glowingbordercard.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "globe", "title": "Globe", "description": "The Globe component creates beautiful 5kb WebGL Globe.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["@react-spring/web", "cobe"], "files": [ { "path": "src/components/ui/globe.tsx", "type": "registry:ui", "target": "components/ui/globe.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "globe-wireframe", "title": "Globe Wireframe", "description": "The Globe Wireframe component creates beautiful globe with smooth city rotations, responsive design, and premium motion.", "type": "registry:ui", "registryDependencies": [], "dependencies": [ "d3", "topojson-client", "@types/d3", "@types/topojson-client", "@types/topojson-specification" ], "files": [ { "path": "src/components/ui/globe-wireframe.tsx", "type": "registry:ui", "target": "components/ui/globe-wireframe.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "gravity", "title": "Gravity", "description": "Gravity pulls objects as they launch, soar, and fall inside a container.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/gravity.tsx", "type": "registry:ui", "target": "components/ui/gravity.tsx" } ], "css": { "@layer utilities": { ".animate-rockets-effect": { "animation": "rockets-path var(--duration) ease-in-out infinite" } }, "@keyframes rockets-path": { "0%": { "transform": "translate(0, 0) rotate(var(--angle))", "opacity": "1" }, "40%": { "transform": "translate(var(--x), -300px) rotate(var(--angle))", "opacity": "1" }, "60%": { "transform": "translate(var(--x), -350px) rotate(var(--angle))", "opacity": "0.8" }, "100%": { "transform": "translate(var(--x), 0) rotate(calc(var(--angle) + 180deg))", "opacity": "0" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "heroui", "title": "Hero Sections", "description": "A set of hero sections ranging from simple to complex layouts.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/badge", "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/globe", "Adityakishore0/ScrollX-UI/lustretext", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@react-spring/web", "cobe", "next-themes", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/heroui.tsx", "type": "registry:ui", "target": "components/ui/heroui.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "hold-toconfirm", "title": "Hold ToConfirm", "description": "A button that requires holding down to confirm irreversible or critical actions.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/hold-toconfirm.tsx", "type": "registry:ui", "target": "components/ui/hold-toconfirm.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "hyperlink", "title": "Hyperlink", "description": "hyperlink component with animated underline, smooth hover & customizable style.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/hyperlink.tsx", "type": "registry:ui", "target": "components/ui/hyperlink.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "infinite-canvas", "title": "Infinite Canvas", "description": "Infinite draggable canvas with zoomable, repeating cards and touch/mouse controls.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/infinite-canvas.tsx", "type": "registry:ui", "target": "components/ui/infinite-canvas.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "iphone", "title": "Iphone", "description": "IPhone mockup with screen, header, and custom children content.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["lucide-react"], "files": [ { "path": "src/components/ui/iphone.tsx", "type": "registry:ui", "target": "components/ui/iphone.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "input-otp", "title": "Input Otp", "description": "A flexible Accessible one-time password component", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/input-otp.tsx", "type": "registry:ui", "target": "components/ui/input-otp.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "interactive-input", "title": "Interactive input", "description": "A highly customizable interactive input component with shimmer effects, glow, and visual styling options.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/interactive-input.tsx", "type": "registry:ui", "target": "components/ui/interactive-input.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "kbd", "title": "Kbd", "description": "A component for displaying keyboard shortcuts and key combinations.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/kbd.tsx", "type": "registry:ui", "target": "components/ui/kbd.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "keyboard", "title": "Keyboard", "description": "Interactive keyboard component with customizable key styling and a beautifully minimal interface.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/keyboard.tsx", "type": "registry:ui", "target": "components/ui/keyboard.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "kinetic-testimonials", "title": "Kinetic Testimonials", "description": "Smoothly scrolling, animated testimonials for modern developer websites to showcase user feedback visually.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["@radix-ui/react-avatar", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/kinetic-testimonials.tsx", "type": "registry:ui", "target": "components/ui/kinetic-testimonials.tsx" } ], "css": { "@layer utilities": { ".animate-scroll-up": { "animation": "scroll-up-smooth linear infinite" }, ".animate-scroll-down": { "animation": "scroll-down-smooth linear infinite" } }, "@keyframes scroll-up-smooth": { "0%": { "transform": "translateY(0%)" }, "100%": { "transform": "translateY(-50%)" } }, "@keyframes scroll-down-smooth": { "0%": { "transform": "translateY(-50%)" }, "100%": { "transform": "translateY(0%)" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "label", "title": "Label", "description": "Displays an accessible label associated with controls.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-label", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/label.tsx", "type": "registry:ui", "target": "components/ui/label.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "lamphome", "title": "Lamphome", "description": "A stylish, animated header component with dark/light mode toggle functionality.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "next-themes"], "files": [ { "path": "src/components/ui/lamphome.tsx", "type": "registry:ui", "target": "components/ui/lamphome.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "layered-button", "title": "Layered Button", "description": "A layered button with a radial expand effect and smooth sliding hover label animation.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/layered-button.tsx", "type": "registry:ui", "target": "components/ui/layered-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "layer-stack", "title": "Layer Stack", "description": "Interactive stacked card layout with drag and scroll momentum.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/progress", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@radix-ui/react-progress", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/layer-stack.tsx", "type": "registry:ui", "target": "components/ui/layer-stack.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "layered-text", "title": "Layered Text", "description": "Layered text effect with offset shadows, customizable styling, and animations.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/layered-text.tsx", "type": "registry:ui", "target": "components/ui/layered-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "lean-card", "title": "Lean Card", "description": "A card component with a striped back card revealed on hover", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/lean-card.tsx", "type": "registry:ui", "target": "components/ui/lean-card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "loader", "title": "Loader", "description": "Animated versatile loader with different variants, customizable size and content.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/loader.tsx", "type": "registry:ui", "target": "components/ui/loader.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "loginform", "title": "Login Form", "description": "Modern, responsive login form with smooth transitions and gradient accents.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/label", "Adityakishore0/ScrollX-UI/transition", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "@radix-ui/react-label", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/loginform.tsx", "type": "registry:ui", "target": "components/ui/loginform.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "logo-stepper", "title": "Logo Stepper", "description": "logo showcase with names, smooth animations, hover effects, and modern UI.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/logo-stepper.tsx", "type": "registry:ui", "target": "components/ui/logo-stepper.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "lustretext", "title": "Lustre Text", "description": "A lustrous text component with animated gradient shine.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["class-variance-authority"], "files": [ { "path": "src/components/ui/lustretext.tsx", "type": "registry:ui", "target": "components/ui/lustretext.tsx" } ], "css": { "@utility lustre-text": { "display": "inline-block", "font-weight": "800", "color": "transparent", "background-clip": "text", "-webkit-background-clip": "text", "background-size": "200% auto", "background-position": "0% center" }, "@utility lustre-light": { "background-image": "linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.7) 45%, #ffffff 50%, rgba(0,0,0,0.7) 55%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.05) 100%)" }, "@utility lustre-dark": { "background-image": "linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.15) 30%, rgba(255,255,255,0.4) 45%, #ffffff 50%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.15) 70%, rgba(255,255,255,0.05) 100%)" }, "@keyframes shine": { "0%": { "background-position": "0% center" }, "100%": { "background-position": "200% center" } }, "@utility animate-shine": { "animation-name": "shine", "animation-timing-function": "linear", "animation-iteration-count": "infinite" } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "magicdock", "title": "Magic Dock", "description": "MacOS-style React dock with smooth animation and customizable magnification.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "lucide-react"], "files": [ { "path": "src/components/ui/magicdock.tsx", "type": "registry:ui", "target": "components/ui/magicdock.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "media-card", "title": "Media Card", "description": "An Interactive media cards with a fluid cursor and a polished, modern aesthetic.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/media-card.tsx", "type": "registry:ui", "target": "components/ui/media-card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "meteor-orbit", "title": "Meteor Orbit", "description": "orbit system featuring rotating meteors and gracefully animated icons.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/meteor-orbit.tsx", "type": "registry:ui", "target": "components/ui/meteor-orbit.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "modern-loader", "title": "Modern Loader", "description": "A modern, dynamic code loader designed for AI-powered coding environments.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/typeanimation", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "react-type-animation", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/modern-loader.tsx", "type": "registry:ui", "target": "components/ui/modern-loader.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "movinglines-background", "title": "MovingLines Background", "description": "A set of diagonal lines that move continuously. Great for hero backgrounds.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/movinglines-background.tsx", "type": "registry:ui", "target": "components/ui/movinglines-background.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "motioncards", "title": "MotionCards", "description": "Elegant cards in seamless flow for clean web design.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/motioncards.tsx", "type": "registry:ui", "target": "components/ui/motioncards.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "motion-grid", "title": "Motion Grid", "description": "A set of diagonal lines that move continuously with gradientglow.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/motion-grid.tsx", "type": "registry:ui", "target": "components/ui/motion-grid.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "motion-navbar", "title": "Motion Navbar", "description": "modern react navbar with smooth animations, dropdown menus, and mobile-friendly design.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react"], "files": [ { "path": "src/components/ui/motion-navbar.tsx", "type": "registry:ui", "target": "components/ui/motion-navbar.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "morphotextflip", "title": "MorphoText Flip", "description": "Animated text component that flips between words with smooth transitions.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/morphotextflip.tsx", "type": "registry:ui", "target": "components/ui/morphotextflip.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "morphy-button", "title": "Morphy Button", "description": "Morphing button with dynamic dot motion, reversible animation.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/morphy-button.tsx", "type": "registry:ui", "target": "components/ui/morphy-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "navbar-flow", "title": "Navbar Flow", "description": "A customizable, animated navigation bar with hover effects and dropdowns.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "lucide-react"], "files": [ { "path": "src/components/ui/navbar-flow.tsx", "type": "registry:ui", "target": "components/ui/navbar-flow.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "not-found", "title": "Not Found", "description": "A beautifully designed 404 page to guide users when content is missing.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/particles", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "@radix-ui/react-slot", "class-variance-authority", "clsx", "three", "@types/three", "tailwind-merge" ], "files": [ { "path": "src/components/ui/not-found.tsx", "type": "registry:ui", "target": "components/ui/not-found.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "orb-button", "title": "Orb Button", "description": "Modern orb-style button featuring smooth hover expansion and icon reveal.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "clsx", "tailwind-merge", "class-variance-authority", "lucide-react" ], "files": [ { "path": "src/components/ui/orb-button.tsx", "type": "registry:ui", "target": "components/ui/orb-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "pagination", "title": "Pagination", "description": "A flexible and animated pagination component with active and hover states.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/badge", "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "lucide-react", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/pagination.tsx", "type": "registry:ui", "target": "components/ui/pagination.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "particles", "title": "Particles", "description": "Dynamic 3D particle system with customizable properties", "type": "registry:ui", "registryDependencies": [], "dependencies": ["three", "@types/three"], "files": [ { "path": "src/components/ui/particles.tsx", "type": "registry:ui", "target": "components/ui/particles.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "parallaxcards", "title": "Parallax Cards", "description": "A vertical sticky-scroll component that displays stacked cards with parallax behavior.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/parallaxcards.tsx", "type": "registry:ui", "target": "components/ui/parallaxcards.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "pixel-background", "title": "Pixel Background", "description": "A flexible pixel animation background with customizable origins and smooth atmospheric motion.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "src/components/ui/pixel-background.tsx", "type": "registry:ui", "target": "components/ui/pixel-background.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "pixel-highlight", "title": "Pixel Highlight", "description": "Animated pixel-based text reveal with directional shimmer using canvas-rendered particles.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/pixel-highlight.tsx", "type": "registry:ui", "target": "components/ui/pixel-highlight.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "popover", "title": "Popover", "description": "Displays rich content in a animated portal, triggered by a button.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-popover", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/popover.tsx", "type": "registry:ui", "target": "components/ui/popover.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "profilecard", "title": "Profile Card", "description": "A reusable profile card component displaying a user's image, name, bio, skills, and social links with interactive animations.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "lucide-react"], "files": [ { "path": "src/components/ui/profilecard.tsx", "type": "registry:ui", "target": "components/ui/profilecard.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "progress", "title": "Progress", "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["@radix-ui/react-progress", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/progress.tsx", "type": "registry:ui", "target": "components/ui/progress.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "radialflow", "title": "Radial Flow", "description": "Dynamic radial graph for visualizing networks & hierarchies with animated nodes.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/badge", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/radialflow.tsx", "type": "registry:ui", "target": "components/ui/radialflow.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "radio-group", "title": "Radio Group", "description": "A group of radio buttons that lets you pick only one option at a time.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "lucide-react", "clsx", "tailwind-merge", "@radix-ui/react-radio-group" ], "files": [ { "path": "src/components/ui/radio-group.tsx", "type": "registry:ui", "target": "components/ui/radio-group.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "radial-socials", "title": "Radial Socials", "description": "radial social icons arranged in circles, with smooth expansion and rotation", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/radial-socials.tsx", "type": "registry:ui", "target": "components/ui/radial-socials.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "reel", "title": "Reel", "description": "A scrolling media strip that displays images and videos in flowing rows.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/reel.tsx", "type": "registry:ui", "target": "components/ui/reel.tsx" } ], "css": { "@layer utilities": { ".animate-canopy-horizontal": { "animation": "canopy-x var(--duration) infinite linear" }, ".animate-canopy-vertical": { "animation": "canopy-y var(--duration) linear infinite" }, ".direction-reverse.animate-canopy-horizontal": { "animation-direction": "reverse" }, ".direction-reverse.animate-canopy-vertical": { "animation-direction": "reverse" }, ".group:hover .group-hover\\:paused": { "animation-play-state": "paused" } }, "@keyframes canopy-x": { "from": { "transform": "translateX(0)" }, "to": { "transform": "translateX(calc(-100% - var(--gap)))" } }, "@keyframes canopy-y": { "from": { "transform": "translateY(0)" }, "to": { "transform": "translateY(calc(-100% - var(--gap)))" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "reveal-text", "title": "Reveal Text", "description": "a clean text reveal component providing directional animation and stagger options.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/reveal-text.tsx", "type": "registry:ui", "target": "components/ui/reveal-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "search-cell", "title": "Search Cell", "description": "An animated search input illustration that cycles through queries with a typewriter effect and blur-in result rows.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/search-cell.tsx", "type": "registry:ui", "target": "components/ui/search-cell.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "select", "title": "Select", "description": "Displays an animated list of options for the user to choose from —smoothly triggered by a button.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "radix-ui", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/select.tsx", "type": "registry:ui", "target": "components/ui/select.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "sensitive-text", "title": "Sensitive Text", "description": "Interactive text that subtly compresses or stretches characters based on cursor proximity.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/sensitive-text.tsx", "type": "registry:ui", "target": "components/ui/sensitive-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "shiny-button", "title": "Shiny Button", "description": "Interactive button with spotlight effect that follows mouse cursor and highlights borders on hover.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/shiny-button.tsx", "type": "registry:ui", "target": "components/ui/shiny-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "showcase", "title": "Showcase", "description": "An interactive showcase component with smooth content and image transitions.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/showcase.tsx", "type": "registry:ui", "target": "components/ui/showcase.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "side-sheet", "title": "Side Sheet", "description": "A customizable sheet component for creating elegant slide-out interfaces.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/side-sheet.tsx", "type": "registry:ui", "target": "components/ui/side-sheet.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "signupform", "title": "Signup Form", "description": "Modern, responsive signup form with smooth transitions and gradient accents.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/label", "Adityakishore0/ScrollX-UI/transition", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "@radix-ui/react-label", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/signupform.tsx", "type": "registry:ui", "target": "components/ui/signupform.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "slider", "title": "Slider", "description": "An interactive slider with glass effects for selecting values smoothly within a range.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["@radix-ui/react-slider", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/slider.tsx", "type": "registry:ui", "target": "components/ui/slider.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "slide-text", "title": "Slide Text", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/slide-text.tsx", "type": "registry:ui", "target": "components/ui/slide-text.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "status", "title": "Status", "description": "A small status component with customizable variants, indicator and shiny animation effects.", "type": "registry:ui", "registryDependencies": ["badge", "Adityakishore0/ScrollX-UI/utils"], "dependencies": ["class-variance-authority", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/status.tsx", "type": "registry:ui", "target": "components/ui/status.tsx" } ], "css": { "@layer utilities": { ".animate-shine": { "animation": "shine 5s linear infinite" } }, "@keyframes shine": { "0%": { "background-position": "100%" }, "100%": { "background-position": "-100%" } } } }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "statscount", "title": "StatsCount", "description": "Animated statistics counter with responsive layout and scroll triggers.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/statscount.tsx", "type": "registry:ui", "target": "components/ui/statscount.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "stagger-button", "title": "Stagger Button", "description": "Interactive button with animated stagger text and customizable styles for modern uis.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/stagger-button.tsx", "type": "registry:ui", "target": "components/ui/stagger-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "stagger-chars", "title": "Stagger Chars", "description": "An animated text component that creates a smooth, staggered character animation effect when hovered", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/stagger-chars.tsx", "type": "registry:ui", "target": "components/ui/stagger-chars.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "statscarousel", "title": "Stats Carousel", "description": "Animated statistics counter in stacked carousel for modern websites.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/statscarousel.tsx", "type": "registry:ui", "target": "components/ui/statscarousel.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "stripe-button", "title": "Stripe Button", "description": "Smooth animated button crafted with refined glow and modern motion.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/stripe-button.tsx", "type": "registry:ui", "target": "components/ui/stripe-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "striped-grid", "title": "Striped Grid", "description": "Animated diagonal stripes with optional base grid, creating a dynamic textured background.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/striped-grid.tsx", "type": "registry:ui", "target": "components/ui/striped-grid.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "spark-waves", "title": "Spark Waves", "description": "Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/spark-waves.tsx", "type": "registry:ui", "target": "components/ui/spark-waves.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "splitter", "title": "Splitter", "description": "A customizable splitter component with collapsible panels and smooth animations.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "lucide-react", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/splitter.tsx", "type": "registry:ui", "target": "components/ui/splitter.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "spotlightcard", "title": "Spotlight Card", "description": "An interactive card with a spotlight hover effect that highlights content and enhances user engagement visually.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/spotlightcard.tsx", "type": "registry:ui", "target": "components/ui/spotlightcard.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "seperatorpro", "title": "Seperator Pro", "description": "Separates layout sections with customizable styles and orientations.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["@radix-ui/react-separator", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/seperatorpro.tsx", "type": "registry:ui", "target": "components/ui/seperatorpro.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "scroll-areapro", "title": "ScrollArea Pro", "description": "advanced scrollarea with auto-hide scrollbars, progress bars, and cross-axis scroll.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "@radix-ui/react-scroll-area", "motion", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/scroll-areapro.tsx", "type": "registry:ui", "target": "components/ui/scroll-areapro.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "social-orbit", "title": "Social Orbit", "description": "orbits your socials in smooth motion where icons spin, ripple, and glow with purpose.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/social-orbit.tsx", "type": "registry:ui", "target": "components/ui/social-orbit.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "squonk", "title": "Squonk", "description": "elastic squircles illustration with fall and shrink movement.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/squonk.tsx", "type": "registry:ui", "target": "components/ui/squonk.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "table", "title": "Table", "description": "Powerful responsive data table with sticky headers, smooth scrolling, sorting, and pagination.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/dropdown-menu", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "motion", "@tanstack/react-table", "lucide-react", "@radix-ui/react-dropdown-menu", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/table.tsx", "type": "registry:ui", "target": "components/ui/table.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "testimonial-carousel", "title": "Testimonial Carousel", "description": "Minimal, responsive testimonial slider with avatars, names, and quotes for clean, modern design.", "type": "registry:ui", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar", "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/utils" ], "dependencies": [ "embla-carousel-react", "@radix-ui/react-avatar", "lucide-react", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/testimonial-carousel.tsx", "type": "registry:ui", "target": "components/ui/testimonial-carousel.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "text-highlighter", "title": "Text Highlighter", "description": "A customizable text highlighter with smooth animated highlights to emphasize key text.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/text-highlighter.tsx", "type": "registry:ui", "target": "components/ui/text-highlighter.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "text-modifier", "title": "Text Modifier", "description": "text highlighter with solid background and decorative markers for emphasis..", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/text-modifier.tsx", "type": "registry:ui", "target": "components/ui/text-modifier.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "text-spotlight", "title": "Text Spotlight", "description": "spotlight text effect with hover and mobile reveal, customizable size and color.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/text-spotlight.tsx", "type": "registry:ui", "target": "components/ui/text-spotlight.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-switch", "title": "Theme Switch", "description": "A flexible and accessible theme mode switcher component for Next.js projects using next-themes. ", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["lucide-react", "clsx", "tailwind-merge", "next-themes"], "files": [ { "path": "src/components/ui/theme-switch.tsx", "type": "registry:ui", "target": "components/ui/theme-switch.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "thunder-loader", "title": "Thunder Loader", "description": "Animated thunderbolt loader with glow and shimmer effects, customizable sizes and colors.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/thunder-loader.tsx", "type": "registry:ui", "target": "components/ui/thunder-loader.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "timeline", "title": "Timeline", "description": "Smoothly animated timeline slider with resizable handles for interactive use.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/timeline.tsx", "type": "registry:ui", "target": "components/ui/timeline.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "top-sheet", "title": "Top Sheet", "description": "A customizable component for creating elegant, slide-out panels from the top of the screen.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/top-sheet.tsx", "type": "registry:ui", "target": "components/ui/top-sheet.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toast", "title": "Toast", "description": "A customizable and responsive toast notification system.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion", "lucide-react", "class-variance-authority"], "files": [ { "path": "src/components/ui/toast.tsx", "type": "registry:ui", "target": "components/ui/toast.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toggle-vault", "title": "Toggle Vault", "description": "Expandable vault component with animated open/close, trigger button, and content panel.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/toggle-vault.tsx", "type": "registry:ui", "target": "components/ui/toggle-vault.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "tooltip", "title": "Tooltip", "description": "An interactive, animated popup that displays information related to an element when it receives keyboard focus or when the mouse hovers over it.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-tooltip", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/tooltip.tsx", "type": "registry:ui", "target": "components/ui/tooltip.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "transition", "title": "Transition", "description": "Smooth page transitions with curved or slide effects.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/transition.tsx", "type": "registry:ui", "target": "components/ui/transition.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "typeanimation", "title": "Type Animation", "description": "Displays an animated typing effect.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "react-type-animation", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/typeanimation.tsx", "type": "registry:ui", "target": "components/ui/typeanimation.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "venom-beam", "title": "Venom Beam", "description": "A glowing particle canvas with motion-reactive trails. Perfect for immersive, high-tech hero sections.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "src/components/ui/venom-beam.tsx", "type": "registry:ui", "target": "components/ui/venom-beam.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "vercel-card", "title": "Vercel Card", "description": "A smooth interactive vercel inspired card.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["motion", "clsx", "tailwind-merge"], "files": [ { "path": "src/components/ui/vercel-card.tsx", "type": "registry:ui", "target": "components/ui/vercel-card.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "wavy-button", "title": "Wavy Button", "description": "Interactive wavybutton with animated text and customizable styles for modern uis.", "type": "registry:ui", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": [ "motion", "@radix-ui/react-slot", "class-variance-authority", "clsx", "tailwind-merge" ], "files": [ { "path": "src/components/ui/wavy-button.tsx", "type": "registry:ui", "target": "components/ui/wavy-button.tsx" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "whitestripes", "title": "Whitestripes", "description": "Dynamic motion background for hero sections and modern layouts.", "type": "registry:ui", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/components/ui/whitestripes.tsx", "type": "registry:ui", "target": "components/ui/whitestripes.tsx" } ] }, { "name": "bento-with-focus", "title": "Bento with Focus", "description": "Modern Bento Grid with blur and smooth reveal animations.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/bento-grid", "Adityakishore0/ScrollX-UI/card-tilt" ], "dependencies": ["lucide-react"], "files": [ { "path": "src/app/registry/blocks/bento/bento-with-focus/page.tsx", "type": "registry:component", "target": "components/bento-with-focus.tsx" } ] }, { "name": "contact-with-globe", "title": "Contact with Globe", "description": "Modern Contact with globe and smooth reveal animations.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/globe-wireframe", "Adityakishore0/ScrollX-UI/seperatorpro" ], "dependencies": ["lucide-react", "motion"], "files": [ { "path": "src/app/registry/blocks/contact-sections/contact-with-globe/page.tsx", "type": "registry:component", "target": "components/contact-with-globe.tsx" } ] }, { "name": "contact-with-pixelbackground", "title": "Contact with Pixel Background", "description": "Minimal contact section with animated pixel background and stagger button.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/pixel-background", "Adityakishore0/ScrollX-UI/stagger-button" ], "dependencies": ["lucide-react"], "files": [ { "path": "src/app/registry/blocks/contact-sections/contact-with-pixelbackground/page.tsx", "type": "registry:component", "target": "components/contact-with-pixelbackground.tsx" } ] }, { "name": "cta-section-with-avatars", "title": "CTA Section with Avatars", "description": "Modern CTA with avatars and smooth reveal animations.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar-group", "Adityakishore0/ScrollX-UI/stripe-button" ], "dependencies": ["lucide-react"], "files": [ { "path": "src/app/registry/blocks/cta-sections/cta-section-with-avatars/page.tsx", "type": "registry:component", "target": "components/cta-section-with-avatars.tsx" } ] }, { "name": "cta-section-with-dashed-border", "title": "CTA Section With Dashed Border", "description": "CTA section with dashed border effects.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "lucide-react", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/cta-sections/cta-section-with-dashed-border/page.tsx", "type": "registry:component", "target": "components/cta-section-with-dashed-border.tsx" } ] }, { "name": "cta-section-with-floating-gallery", "title": "CTA Section With Floating Gallery", "description": "CTA section with staggered image gallery.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/orb-button"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/cta-sections/cta-section-with-floating-gallery/page.tsx", "type": "registry:component", "target": "components/cta-section-with-floating-gallery.tsx" } ] }, { "name": "download-with-columnlines", "title": "Download Section with ColumnLines", "description": "A download section with subtle column lines.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/columnlines"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/download-sections/download-with-columnlines/page.tsx", "type": "registry:component", "target": "components/download-with-columnlines.tsx" } ] }, { "name": "download-with-iphone", "title": "Download Section with Iphone", "description": "A download section with an iPhone mockup.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/iphone"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/download-sections/download-with-iphone/page.tsx", "type": "registry:component", "target": "components/download-with-iphone.tsx" } ] }, { "name": "features-with-panel", "title": "Features with Panel", "description": "Interactive feature list with sticky media panel and smooth transitions.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/card"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/features/features-with-panel/page.tsx", "type": "registry:component", "target": "components/features-with-panel.tsx" } ] }, { "name": "features-with-spotlight", "title": "Features with Spotlight", "description": "Interactive feature list with animated spotlight panel and smooth transitions.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "motion", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/features/features-with-spotlight/page.tsx", "type": "registry:component", "target": "components/features-with-spotlight.tsx" } ] }, { "name": "footer-with-faded-brand", "title": "Footer with Faded Brand", "description": "Modern footer with oversized faded brand name and smooth transitions.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "lucide-react", "motion", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/footers/footer-with-faded-brand/page.tsx", "type": "registry:component", "target": "components/footer-with-faded-brand.tsx" } ] }, { "name": "footer-with-minimal-outline", "title": "Footer with Minimal Outline", "description": "Clean footer with minimal outlined brand text and smooth animations.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "motion", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/footers/footer-with-minimal-outline/page.tsx", "type": "registry:component", "target": "components/footer-with-minimal-outline.tsx" } ] }, { "name": "footer-with-newsletter", "title": "Footer with Newsletter", "description": "Interactive footer with newsletter and smooth transitions.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "lucide-react", "motion", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/footers/footer-with-newsletter/page.tsx", "type": "registry:component", "target": "components/footer-with-newsletter.tsx" } ] }, { "name": "footer-with-suite", "title": "Footer with Suite", "description": "Modern footer with oversized split sections.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/footers/footer-with-suite/page.tsx", "type": "registry:component", "target": "components/footer-with-suite.tsx" } ] }, { "name": "frequently-asked-questions-with-accordion", "title": "Frequently asked questions with Accordion", "description": "Elegant and minimal FAQs with grid, accordions and micro-interactions", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/accordion"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/frequently-asked-questions/frequently-asked-questions-with-accordion/page.tsx", "type": "registry:component", "target": "components/frequently-asked-questions-with-accordion.tsx" } ] }, { "name": "frequently-asked-questions-stack", "title": "Frequently asked questions Stack", "description": "A modern FAQ section with layered stack design and smooth scroll-triggered animations.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/layer-stack", "Adityakishore0/ScrollX-UI/progress" ], "files": [ { "path": "src/app/registry/blocks/frequently-asked-questions/frequently-asked-questions-stack/page.tsx", "type": "registry:component", "target": "components/frequently-asked-questions-stack.tsx" } ] }, { "name": "hero-with-cards", "title": "Hero Section with Cards", "description": "A hero section with a fan of photo cards and animated entrance.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/orb-button" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/hero-sections/hero-with-cards/page.tsx", "type": "registry:component", "target": "components/hero-with-cards.tsx" } ] }, { "name": "hero-with-iphone", "title": "Hero Section with Iphone", "description": "A hero section with an iPhone mockup and animated background.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/iphone", "Adityakishore0/ScrollX-UI/movinglines-background" ], "files": [ { "path": "src/app/registry/blocks/hero-sections/hero-with-iphone/page.tsx", "type": "registry:component", "target": "components/hero-with-iphone.tsx" } ] }, { "name": "hero-with-layers", "title": "Hero Section with Layers", "description": "A hero-section for AI startups", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/layer-stack", "Adityakishore0/ScrollX-UI/movinglines-background", "Adityakishore0/ScrollX-UI/progress" ], "files": [ { "path": "src/app/registry/blocks/hero-sections/hero-with-layers/page.tsx", "type": "registry:component", "target": "components/hero-with-layers.tsx" } ] }, { "name": "hero-with-pixelbackground", "title": "Hero Section with Pixel Background", "description": "A hero-section for modern AI interfaces with motion.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/pixel-background", "Adityakishore0/ScrollX-UI/timeline" ], "files": [ { "path": "src/app/registry/blocks/hero-sections/hero-with-pixelbackground/page.tsx", "type": "registry:component", "target": "components/hero-with-pixelbackground.tsx" } ] }, { "name": "hero-with-reel", "title": "Hero Section with Reel", "description": "A hero section with an animated image reel and motion entrance.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/orb-button", "Adityakishore0/ScrollX-UI/reel" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/hero-sections/hero-with-reel/page.tsx", "type": "registry:component", "target": "components/hero-with-reel.tsx" } ] }, { "name": "login-minimal", "title": "Login Minimal", "description": "A clean, animated login form with Google OAuth and email/password fields.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/label", "Adityakishore0/ScrollX-UI/motion-grid" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/login-sections/login-minimal/page.tsx", "type": "registry:page", "target": "app/login/page.tsx" }, { "path": "src/app/registry/blocks/login-sections/login-minimal/components/login-form.tsx", "type": "registry:component", "target": "components/login-minimal.tsx" } ] }, { "name": "logo-cloud-flipflow", "title": "Logo Cloud Flipflow", "description": "A logo-cloud for AI startups with flipflow animation.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/flipflow"], "files": [ { "path": "src/app/registry/blocks/logo-cloud/logo-cloud-flipflow/page.tsx", "type": "registry:component", "target": "components/logo-cloud-flipflow.tsx" } ] }, { "name": "logo-cloud-marquee", "title": "Logo Cloud with Marquee", "description": "A logo cloud with flowing marquee motion, perfect for bold AI startups.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/flowing-logos"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/logo-cloud/logo-cloud-marquee/page.tsx", "type": "registry:component", "target": "components/logo-cloud-marquee.tsx" } ] }, { "name": "logo-cloud-with-minimal-animation", "title": "Logo Cloud with Minimal Animation", "description": "A clean logo cloud with smooth blur and fade-in animations.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/utils"], "dependencies": ["clsx", "motion", "tailwind-merge"], "files": [ { "path": "src/app/registry/blocks/logo-cloud/logo-cloud-with-minimal-animation/page.tsx", "type": "registry:component", "target": "components/logo-cloud-with-minimal-animation.tsx" } ] }, { "name": "not-found-with-glitchytext", "title": "Not Found with GlitchyText", "description": "A clean 404 page with glitch animation and smooth reveal transitions.", "type": "registry:block", "registryDependencies": [], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/not-found/not-found-with-glitchytext/page.tsx", "type": "registry:component", "target": "components/not-found-with-glitchytext.tsx" } ] }, { "name": "pricing-minimal", "title": "Pricing Minimal", "description": "A clean three-tier pricing section with a highlighted popular plan.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card" ], "dependencies": ["lucide-react", "motion"], "files": [ { "path": "src/app/registry/blocks/pricing-sections/pricing-minimal/page.tsx", "type": "registry:component", "target": "components/pricing-minimal.tsx" } ] }, { "name": "pricing-with-switch", "title": "Pricing with Switch", "description": "A pricing section with a monthly/yearly billing toggle, animated card reveal.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card" ], "dependencies": ["lucide-react", "motion"], "files": [ { "path": "src/app/registry/blocks/pricing-sections/pricing-with-switch/page.tsx", "type": "registry:component", "target": "components/pricing-with-switch.tsx" } ] }, { "name": "signup-minimal", "title": "SignUp Minimal", "description": "A clean, animated signup form with Google OAuth and email/password fields.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/label", "Adityakishore0/ScrollX-UI/motion-grid" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/signup-sections/signup-minimal/page.tsx", "type": "registry:page", "target": "app/signup/page.tsx" }, { "path": "src/app/registry/blocks/signup-sections/signup-minimal/components/signup-form.tsx", "type": "registry:component", "target": "components/signup-minimal.tsx" } ] }, { "name": "testimonials-with-carousel", "title": "Testimonials with Carousel", "description": "A testimonial carousel with staggered title animations and smooth transitions, showcasing customer feedback in an elegant layout.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar", "Adityakishore0/ScrollX-UI/button", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/testimonial-carousel" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/testimonials/testimonials-with-carousel/page.tsx", "type": "registry:component", "target": "components/testimonials-with-carousel.tsx" } ] }, { "name": "testimonials-with-verticalmarquee", "title": "Testimonials with Vertical Marquee", "description": "Vertical scrolling testimonial columns with alternating directions and smooth infinite animations.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/avatar", "Adityakishore0/ScrollX-UI/card", "Adityakishore0/ScrollX-UI/kinetic-testimonials" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/testimonials/testimonials-with-verticalmarquee/page.tsx", "type": "registry:component", "target": "components/testimonials-with-verticalmarquee.tsx" } ] }, { "name": "testimonials-with-marquee", "title": "Testimonials with Marquee", "description": "Horizontal scrolling testimonials with infinite marquee animation across multiple rows.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/animated-testimonials" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/testimonials/testimonials-with-marquee/page.tsx", "type": "registry:component", "target": "components/testimonials-with-marquee.tsx" } ] }, { "name": "waitlist-with-iphone", "title": "Waitlist Section with Iphone", "description": "A waitlist section with an iPhone mockup.", "type": "registry:block", "registryDependencies": ["Adityakishore0/ScrollX-UI/iphone"], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/waitlist-sections/waitlist-with-iphone/page.tsx", "type": "registry:component", "target": "components/waitlist-with-iphone.tsx" } ] }, { "name": "waitlist-with-layers", "title": "Waitlist Section with Layers", "description": "Waitlist section with a draggable stack of layered image cards.", "type": "registry:block", "registryDependencies": [ "Adityakishore0/ScrollX-UI/layer-stack", "Adityakishore0/ScrollX-UI/progress" ], "dependencies": ["motion"], "files": [ { "path": "src/app/registry/blocks/waitlist-sections/waitlist-with-layers/page.tsx", "type": "registry:component", "target": "components/waitlist-with-layers.tsx" } ] } ] }