lightswind/bin/component-deps.json

A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.

{
    "3d-MarqueewithCustomComponents": [
        "framer-motion",
        "react"
    ],
    "3d-carousel": [
        "lucide-react",
        "react"
    ],
    "3d-hover-gallery": [
        "react"
    ],
    "3d-image-carousel": [
        "lucide-react",
        "react"
    ],
    "3d-image-gallery": [
        "framer-motion",
        "react"
    ],
    "3d-image-ring": [
        "framer-motion",
        "react"
    ],
    "3d-image-slider": [
        "framer-motion",
        "react"
    ],
    "3d-marquee": [
        "framer-motion",
        "react"
    ],
    "3d-model-viewer": [
        "@react-three/drei",
        "@react-three/fiber",
        "react",
        "three"
    ],
    "3d-perspective-card": [
        "react"
    ],
    "3d-scroll-trigger": [
        "framer-motion",
        "react"
    ],
    "3d-slider": [
        "react"
    ],
    "CinematicScroll": [
        "framer-motion",
        "react"
    ],
    "Dock": [
        "framer-motion",
        "react"
    ],
    "HangingIdCard": [
        "react"
    ],
    "ScrollSnapCarouselPin": [
        "framer-motion",
        "react"
    ],
    "ScrollVelocityContainer": [
        "framer-motion",
        "react"
    ],
    "SparkleCursor": [
        "gsap",
        "react"
    ],
    "SpectrumLoader": [
        "framer-motion",
        "react"
    ],
    "ThreeDImageCarousel": [
        "lucide-react",
        "react"
    ],
    "accordion": [
        "lucide-react",
        "react"
    ],
    "ai-prompt": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "alert": [
        "lucide-react",
        "react"
    ],
    "alert-dialog": [
        "framer-motion",
        "react"
    ],
    "angled-slider": [
        "framer-motion",
        "react"
    ],
    "animated-blob-background": [
        "framer-motion",
        "react"
    ],
    "animated-bubble-particles": [
        "react"
    ],
    "animated-copy-button": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "animated-notification": [
        "lucide-react",
        "react",
        "react-flip-toolkit",
        "uuid"
    ],
    "animated-number-stepper": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "animated-ocean-waves": [
        "react"
    ],
    "animated-range-input": [
        "framer-motion",
        "react"
    ],
    "animated-wave": [
        "react",
        "simplex-noise",
        "three"
    ],
    "ascii-wave": [
        "next-themes",
        "react"
    ],
    "aspect-ratio": [
        "react"
    ],
    "aurora-background": [
        "react"
    ],
    "aurora-shader": [
        "ogl",
        "react"
    ],
    "aurora-text-effect": [
        "react"
    ],
    "avatar": [
        "react"
    ],
    "badge": [
        "class-variance-authority",
        "react"
    ],
    "beam-circle": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "beam-grid-background": [
        "react"
    ],
    "bento-grid": [
        "react"
    ],
    "border-beam": [
        "framer-motion",
        "react"
    ],
    "breadcrumb": [
        "lucide-react",
        "react"
    ],
    "button": [
        "react"
    ],
    "calendar": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-day-picker"
    ],
    "canvas-confetti-cursor": [
        "react"
    ],
    "card": [
        "react"
    ],
    "carousel": [
        "embla-carousel-react",
        "lucide-react",
        "react"
    ],
    "chain-carousel": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "chart": [
        "react",
        "recharts"
    ],
    "checkbox": [
        "lucide-react",
        "react"
    ],
    "code-hover-cards": [
        "lucide-react",
        "react"
    ],
    "collapsible": [
        "class-variance-authority",
        "framer-motion",
        "react"
    ],
    "command": [
        "lucide-react",
        "react"
    ],
    "confetti-button": [
        "class-variance-authority",
        "lucide-react",
        "react"
    ],
    "connection-graph": [
        "framer-motion",
        "react"
    ],
    "context-menu": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "cool-bento-effect": [
        "framer-motion",
        "react"
    ],
    "cool-theme-toggle": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "count-up": [
        "framer-motion",
        "react"
    ],
    "dialog": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-dom"
    ],
    "dot-grid-background": [
        "react"
    ],
    "dot-pattern": [
        "react"
    ],
    "drag-order-list": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "draggable-reorder-list": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "drawer": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-dom"
    ],
    "dropdown-menu": [
        "class-variance-authority",
        "framer-motion",
        "react",
        "react-dom"
    ],
    "dynamic-island": [
        "framer-motion",
        "react"
    ],
    "dynamic-navigation": [
        "react"
    ],
    "electro-border": [
        "react"
    ],
    "expandable-search-bar": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "expandable-speed-dial": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "fall-beam-background": [
        "react"
    ],
    "form": [
        "framer-motion",
        "react",
        "react-hook-form"
    ],
    "glass-folder": [
        "react"
    ],
    "globe": [
        "cobe",
        "react"
    ],
    "glowing-background": [
        "react"
    ],
    "glowing-cards": [
        "react"
    ],
    "glowing-lights": [
        "react"
    ],
    "gradient-background": [
        "react"
    ],
    "gradient-btn-home": [
        "react"
    ],
    "gradient-button": [
        "react"
    ],
    "grid-dot-backgrounds": [
        "react"
    ],
    "hamburger-menu-overlay": [
        "lucide-react",
        "react"
    ],
    "hell-background": [
        "react"
    ],
    "hover-card": [
        "framer-motion",
        "react"
    ],
    "image-reveal": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "image-sliding-marquee": [
        "framer-motion",
        "react"
    ],
    "image-trail-effect": [
        "react"
    ],
    "infinite-drift": [
        "react",
        "three"
    ],
    "infinite-webgl-scroll": [
        "react"
    ],
    "input": [
        "framer-motion",
        "react"
    ],
    "input-otp": [
        "input-otp",
        "lucide-react",
        "react"
    ],
    "interactive-card": [
        "framer-motion",
        "react"
    ],
    "interactive-card-gallery": [
        "react"
    ],
    "interactive-gradient-card": [
        "react"
    ],
    "interactive-grid-background": [
        "react"
    ],
    "iphone16-pro": [
        "react"
    ],
    "label": [
        "react"
    ],
    "lens": [
        "framer-motion",
        "react"
    ],
    "liquid-fluid": [
        "framer-motion",
        "gsap",
        "ogl",
        "react"
    ],
    "liquid-surface": [
        "gsap",
        "react",
        "three"
    ],
    "looping-words": [
        "framer-motion",
        "react"
    ],
    "magic-card": [
        "react"
    ],
    "magic-loader": [
        "framer-motion",
        "react"
    ],
    "magnetic-button": [
        "framer-motion",
        "react"
    ],
    "marquee-menu": [
        "framer-motion",
        "react"
    ],
    "menubar": [
        "framer-motion",
        "react"
    ],
    "morphing-navigation": [
        "framer-motion",
        "react"
    ],
    "nav-effect": [
        "clsx",
        "framer-motion",
        "react"
    ],
    "navigation-menu": [
        "lucide-react",
        "react"
    ],
    "orbit-card": [
        "react"
    ],
    "pagination": [
        "lucide-react",
        "react"
    ],
    "particle-orbit-effect": [
        "react"
    ],
    "particles-background": [
        "react"
    ],
    "password-strength-indicator": [
        "lucide-react",
        "react"
    ],
    "plasma-globe": [
        "ogl",
        "react"
    ],
    "popover": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "progress": [
        "react"
    ],
    "radio-group": [
        "react"
    ],
    "rays-background": [
        "framer-motion",
        "react"
    ],
    "reflect-background": [
        "react"
    ],
    "resizable": [
        "lucide-react",
        "react-resizable-panels"
    ],
    "ripple-button": [
        "react"
    ],
    "ripple-loader": [
        "framer-motion",
        "react"
    ],
    "rolling-text-3d": [
        "gsap",
        "react"
    ],
    "scroll-area": [
        "react"
    ],
    "scroll-cards": [
        "@gsap/react",
        "gsap",
        "react"
    ],
    "scroll-carousel": [
        "gsap",
        "lucide-react",
        "react"
    ],
    "scroll-list": [
        "framer-motion",
        "react"
    ],
    "scroll-para": [
        "@gsap/react",
        "gsap",
        "react"
    ],
    "scroll-para-3d": [
        "@gsap/react",
        "gsap",
        "react"
    ],
    "scroll-reveal": [
        "framer-motion",
        "react"
    ],
    "scroll-stack": [
        "react"
    ],
    "scroll-timeline": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "scroll-trigger-carousel": [
        "framer-motion",
        "react"
    ],
    "seasonal-hover-cards": [
        "react"
    ],
    "select": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-dom"
    ],
    "separator": [
        "react"
    ],
    "shader-background": [
        "react"
    ],
    "sheet": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-dom"
    ],
    "shine-button": [
        "react"
    ],
    "shiny-text": [
        "framer-motion",
        "react"
    ],
    "sidebar": [
        "clsx",
        "framer-motion",
        "lucide-react",
        "react",
        "tailwind-merge"
    ],
    "skeleton": [
        "react"
    ],
    "slide-to-confirm": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "slider": [
        "react"
    ],
    "sliding-cards": [
        "react"
    ],
    "sliding-logo-marquee": [
        "lucide-react",
        "react"
    ],
    "smokey-background": [
        "react"
    ],
    "smokey-cursor": [
        "react"
    ],
    "smokey-cursor-hero": [
        "framer-motion",
        "react"
    ],
    "smooth-cursor": [
        "framer-motion",
        "react"
    ],
    "sparkle-navbar": [
        "gsap",
        "react"
    ],
    "sparkle-particles": [
        "@tsparticles/engine",
        "@tsparticles/react",
        "@tsparticles/slim",
        "react"
    ],
    "stack-list": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "stripes-background": [
        "clsx",
        "react"
    ],
    "stylish-carousel": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "switch": [
        "react"
    ],
    "table": [
        "react"
    ],
    "tabs": [
        "framer-motion",
        "react"
    ],
    "team-carousel": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "terminal-card": [
        "framer-motion",
        "lucide-react",
        "react",
        "react-syntax-highlighter",
        "@types/react-syntax-highlighter"
    ],
    "test": [],
    "text-scroll-marquee": [
        "framer-motion",
        "react"
    ],
    "textarea": [
        "react"
    ],
    "toast": [
        "class-variance-authority",
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "toaster": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "toggle": [
        "react"
    ],
    "toggle-group": [
        "react"
    ],
    "toggle-theme": [
        "lucide-react",
        "react",
        "react-dom"
    ],
    "tooltip": [
        "framer-motion",
        "react",
        "react-dom"
    ],
    "top-loader": [
        "react"
    ],
    "top-sticky-bar": [
        "framer-motion",
        "react"
    ],
    "trial-button": [
        "react"
    ],
    "trusted-users": [
        "lucide-react",
        "react"
    ],
    "typewriter-input": [
        "react"
    ],
    "typing-text": [
        "framer-motion",
        "react"
    ],
    "video-modal": [
        "framer-motion",
        "lucide-react",
        "react"
    ],
    "video-text": [
        "framer-motion",
        "react"
    ],
    "wave-background": [
        "framer-motion",
        "react"
    ],
    "woofy-hover-image": [
        "react",
        "three"
    ]
}