{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "@react-bits", "homepage": "https://reactbits.dev", "items": [ { "name": "AnimatedContent-JS-CSS", "title": "AnimatedContent", "description": "Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedContent/AnimatedContent.jsx" } ] }, { "name": "AnimatedContent-JS-TW", "title": "AnimatedContent", "description": "Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedContent/AnimatedContent.jsx" } ] }, { "name": "AnimatedContent-TS-CSS", "title": "AnimatedContent", "description": "Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedContent/AnimatedContent.tsx" } ] }, { "name": "AnimatedContent-TS-TW", "title": "AnimatedContent", "description": "Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedContent/AnimatedContent.tsx" } ] }, { "name": "BlobCursor-JS-CSS", "title": "BlobCursor", "description": "Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlobCursor/BlobCursor.css" }, { "type": "registry:component", "path": "BlobCursor/BlobCursor.jsx" } ] }, { "name": "BlobCursor-JS-TW", "title": "BlobCursor", "description": "Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlobCursor/BlobCursor.jsx" } ] }, { "name": "BlobCursor-TS-CSS", "title": "BlobCursor", "description": "Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlobCursor/BlobCursor.css" }, { "type": "registry:component", "path": "BlobCursor/BlobCursor.tsx" } ] }, { "name": "BlobCursor-TS-TW", "title": "BlobCursor", "description": "Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlobCursor/BlobCursor.tsx" } ] }, { "name": "ClickSpark-JS-CSS", "title": "ClickSpark", "description": "Creates particle spark bursts at click position.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ClickSpark/ClickSpark.jsx" } ] }, { "name": "ClickSpark-JS-TW", "title": "ClickSpark", "description": "Creates particle spark bursts at click position.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ClickSpark/ClickSpark.jsx" } ] }, { "name": "ClickSpark-TS-CSS", "title": "ClickSpark", "description": "Creates particle spark bursts at click position.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ClickSpark/ClickSpark.tsx" } ] }, { "name": "ClickSpark-TS-TW", "title": "ClickSpark", "description": "Creates particle spark bursts at click position.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ClickSpark/ClickSpark.tsx" } ] }, { "name": "Crosshair-JS-CSS", "title": "Crosshair", "description": "Custom crosshair cursor with tracking, and link hover effects.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Crosshair/Crosshair.jsx" } ] }, { "name": "Crosshair-JS-TW", "title": "Crosshair", "description": "Custom crosshair cursor with tracking, and link hover effects.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Crosshair/Crosshair.jsx" } ] }, { "name": "Crosshair-TS-CSS", "title": "Crosshair", "description": "Custom crosshair cursor with tracking, and link hover effects.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Crosshair/Crosshair.tsx" } ] }, { "name": "Crosshair-TS-TW", "title": "Crosshair", "description": "Custom crosshair cursor with tracking, and link hover effects.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Crosshair/Crosshair.tsx" } ] }, { "name": "Cubes-JS-CSS", "title": "Cubes", "description": "3D rotating cube cluster. Supports auto-rotation or hover interaction.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Cubes/Cubes.css" }, { "type": "registry:component", "path": "Cubes/Cubes.jsx" } ] }, { "name": "Cubes-JS-TW", "title": "Cubes", "description": "3D rotating cube cluster. Supports auto-rotation or hover interaction.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Cubes/Cubes.jsx" } ] }, { "name": "Cubes-TS-CSS", "title": "Cubes", "description": "3D rotating cube cluster. Supports auto-rotation or hover interaction.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Cubes/Cubes.css" }, { "type": "registry:component", "path": "Cubes/Cubes.tsx" } ] }, { "name": "Cubes-TS-TW", "title": "Cubes", "description": "3D rotating cube cluster. Supports auto-rotation or hover interaction.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Cubes/Cubes.tsx" } ] }, { "name": "ElectricBorder-JS-CSS", "title": "ElectricBorder", "description": "Jittery electric energy border with animated arcs, glow and adjustable intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.css" }, { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.jsx" } ] }, { "name": "ElectricBorder-JS-TW", "title": "ElectricBorder", "description": "Jittery electric energy border with animated arcs, glow and adjustable intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.jsx" } ] }, { "name": "ElectricBorder-TS-CSS", "title": "ElectricBorder", "description": "Jittery electric energy border with animated arcs, glow and adjustable intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.css" }, { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.tsx" } ] }, { "name": "ElectricBorder-TS-TW", "title": "ElectricBorder", "description": "Jittery electric energy border with animated arcs, glow and adjustable intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElectricBorder/ElectricBorder.tsx" } ] }, { "name": "FadeContent-JS-CSS", "title": "FadeContent", "description": "Simple directional fade / slide entrance / exit wrapper with threshold-based activation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FadeContent/FadeContent.jsx" } ] }, { "name": "FadeContent-JS-TW", "title": "FadeContent", "description": "Simple directional fade / slide entrance / exit wrapper with threshold-based activation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FadeContent/FadeContent.jsx" } ] }, { "name": "FadeContent-TS-CSS", "title": "FadeContent", "description": "Simple directional fade / slide entrance / exit wrapper with threshold-based activation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FadeContent/FadeContent.tsx" } ] }, { "name": "FadeContent-TS-TW", "title": "FadeContent", "description": "Simple directional fade / slide entrance / exit wrapper with threshold-based activation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FadeContent/FadeContent.tsx" } ] }, { "name": "GlareHover-JS-CSS", "title": "GlareHover", "description": "Adds a realistic moving glare highlight on hover over any element.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlareHover/GlareHover.css" }, { "type": "registry:component", "path": "GlareHover/GlareHover.jsx" } ] }, { "name": "GlareHover-JS-TW", "title": "GlareHover", "description": "Adds a realistic moving glare highlight on hover over any element.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlareHover/GlareHover.jsx" } ] }, { "name": "GlareHover-TS-CSS", "title": "GlareHover", "description": "Adds a realistic moving glare highlight on hover over any element.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlareHover/GlareHover.css" }, { "type": "registry:component", "path": "GlareHover/GlareHover.tsx" } ] }, { "name": "GlareHover-TS-TW", "title": "GlareHover", "description": "Adds a realistic moving glare highlight on hover over any element.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlareHover/GlareHover.tsx" } ] }, { "name": "GradualBlur-JS-CSS", "title": "GradualBlur", "description": "Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradualBlur/GradualBlur.css" }, { "type": "registry:component", "path": "GradualBlur/GradualBlur.jsx" } ] }, { "name": "GradualBlur-JS-TW", "title": "GradualBlur", "description": "Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradualBlur/GradualBlur.jsx" } ] }, { "name": "GradualBlur-TS-CSS", "title": "GradualBlur", "description": "Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradualBlur/GradualBlur.css" }, { "type": "registry:component", "path": "GradualBlur/GradualBlur.tsx" } ] }, { "name": "GradualBlur-TS-TW", "title": "GradualBlur", "description": "Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradualBlur/GradualBlur.tsx" } ] }, { "name": "GhostCursor-JS-CSS", "title": "GhostCursor", "description": "Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GhostCursor/GhostCursor.css" }, { "type": "registry:component", "path": "GhostCursor/GhostCursor.jsx" } ] }, { "name": "GhostCursor-JS-TW", "title": "GhostCursor", "description": "Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GhostCursor/GhostCursor.jsx" } ] }, { "name": "GhostCursor-TS-CSS", "title": "GhostCursor", "description": "Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GhostCursor/GhostCursor.css" }, { "type": "registry:component", "path": "GhostCursor/GhostCursor.tsx" } ] }, { "name": "GhostCursor-TS-TW", "title": "GhostCursor", "description": "Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GhostCursor/GhostCursor.tsx" } ] }, { "name": "ImageTrail-JS-CSS", "title": "ImageTrail", "description": "Cursor-based image trail with several built-in variants.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ImageTrail/ImageTrail.css" }, { "type": "registry:component", "path": "ImageTrail/ImageTrail.jsx" } ] }, { "name": "ImageTrail-JS-TW", "title": "ImageTrail", "description": "Cursor-based image trail with several built-in variants.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ImageTrail/ImageTrail.jsx" } ] }, { "name": "ImageTrail-TS-CSS", "title": "ImageTrail", "description": "Cursor-based image trail with several built-in variants.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ImageTrail/ImageTrail.css" }, { "type": "registry:component", "path": "ImageTrail/ImageTrail.tsx" } ] }, { "name": "ImageTrail-TS-TW", "title": "ImageTrail", "description": "Cursor-based image trail with several built-in variants.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ImageTrail/ImageTrail.tsx" } ] }, { "name": "LogoLoop-JS-CSS", "title": "LogoLoop", "description": "Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LogoLoop/LogoLoop.css" }, { "type": "registry:component", "path": "LogoLoop/LogoLoop.jsx" } ] }, { "name": "LogoLoop-JS-TW", "title": "LogoLoop", "description": "Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LogoLoop/LogoLoop.jsx" } ] }, { "name": "LogoLoop-TS-CSS", "title": "LogoLoop", "description": "Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LogoLoop/LogoLoop.css" }, { "type": "registry:component", "path": "LogoLoop/LogoLoop.tsx" } ] }, { "name": "LogoLoop-TS-TW", "title": "LogoLoop", "description": "Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LogoLoop/LogoLoop.tsx" } ] }, { "name": "Magnet-JS-CSS", "title": "Magnet", "description": "Elements magnetically ease toward the cursor then settle back with spring physics.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Magnet/Magnet.jsx" } ] }, { "name": "Magnet-JS-TW", "title": "Magnet", "description": "Elements magnetically ease toward the cursor then settle back with spring physics.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Magnet/Magnet.jsx" } ] }, { "name": "Magnet-TS-CSS", "title": "Magnet", "description": "Elements magnetically ease toward the cursor then settle back with spring physics.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Magnet/Magnet.tsx" } ] }, { "name": "Magnet-TS-TW", "title": "Magnet", "description": "Elements magnetically ease toward the cursor then settle back with spring physics.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Magnet/Magnet.tsx" } ] }, { "name": "MagnetLines-JS-CSS", "title": "MagnetLines", "description": "Animated field lines bend toward the cursor.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagnetLines/MagnetLines.css" }, { "type": "registry:component", "path": "MagnetLines/MagnetLines.jsx" } ] }, { "name": "MagnetLines-JS-TW", "title": "MagnetLines", "description": "Animated field lines bend toward the cursor.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagnetLines/MagnetLines.jsx" } ] }, { "name": "MagnetLines-TS-CSS", "title": "MagnetLines", "description": "Animated field lines bend toward the cursor.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagnetLines/MagnetLines.css" }, { "type": "registry:component", "path": "MagnetLines/MagnetLines.tsx" } ] }, { "name": "MagnetLines-TS-TW", "title": "MagnetLines", "description": "Animated field lines bend toward the cursor.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagnetLines/MagnetLines.tsx" } ] }, { "name": "MetaBalls-JS-CSS", "title": "MetaBalls", "description": "Liquid metaball blobs that merge and separate with smooth implicit surface animation.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetaBalls/MetaBalls.css" }, { "type": "registry:component", "path": "MetaBalls/MetaBalls.jsx" } ] }, { "name": "MetaBalls-JS-TW", "title": "MetaBalls", "description": "Liquid metaball blobs that merge and separate with smooth implicit surface animation.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetaBalls/MetaBalls.jsx" } ] }, { "name": "MetaBalls-TS-CSS", "title": "MetaBalls", "description": "Liquid metaball blobs that merge and separate with smooth implicit surface animation.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetaBalls/MetaBalls.css" }, { "type": "registry:component", "path": "MetaBalls/MetaBalls.tsx" } ] }, { "name": "MetaBalls-TS-TW", "title": "MetaBalls", "description": "Liquid metaball blobs that merge and separate with smooth implicit surface animation.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetaBalls/MetaBalls.tsx" } ] }, { "name": "Strands-JS-CSS", "title": "Strands", "description": "Glowing ribbon-like strands that ripple and weave across a transparent canvas.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Strands/Strands.css" }, { "type": "registry:component", "path": "Strands/Strands.jsx" } ] }, { "name": "Strands-JS-TW", "title": "Strands", "description": "Glowing ribbon-like strands that ripple and weave across a transparent canvas.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Strands/Strands.jsx" } ] }, { "name": "Strands-TS-CSS", "title": "Strands", "description": "Glowing ribbon-like strands that ripple and weave across a transparent canvas.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Strands/Strands.css" }, { "type": "registry:component", "path": "Strands/Strands.tsx" } ] }, { "name": "Strands-TS-TW", "title": "Strands", "description": "Glowing ribbon-like strands that ripple and weave across a transparent canvas.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Strands/Strands.tsx" } ] }, { "name": "MetallicPaint-JS-CSS", "title": "MetallicPaint", "description": "Liquid metallic paint shader which can be applied to SVG elements.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.css" }, { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.jsx" } ] }, { "name": "MetallicPaint-JS-TW", "title": "MetallicPaint", "description": "Liquid metallic paint shader which can be applied to SVG elements.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.jsx" } ] }, { "name": "MetallicPaint-TS-CSS", "title": "MetallicPaint", "description": "Liquid metallic paint shader which can be applied to SVG elements.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.css" }, { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.tsx" } ] }, { "name": "MetallicPaint-TS-TW", "title": "MetallicPaint", "description": "Liquid metallic paint shader which can be applied to SVG elements.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MetallicPaint/MetallicPaint.tsx" } ] }, { "name": "Noise-JS-CSS", "title": "Noise", "description": "Animated film grain / noise overlay adding subtle texture and motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Noise/Noise.css" }, { "type": "registry:component", "path": "Noise/Noise.jsx" } ] }, { "name": "Noise-JS-TW", "title": "Noise", "description": "Animated film grain / noise overlay adding subtle texture and motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Noise/Noise.jsx" } ] }, { "name": "Noise-TS-CSS", "title": "Noise", "description": "Animated film grain / noise overlay adding subtle texture and motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Noise/Noise.css" }, { "type": "registry:component", "path": "Noise/Noise.tsx" } ] }, { "name": "Noise-TS-TW", "title": "Noise", "description": "Animated film grain / noise overlay adding subtle texture and motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Noise/Noise.tsx" } ] }, { "name": "PixelTrail-JS-CSS", "title": "PixelTrail", "description": "Pixelated cursor trail emitting fading squares with retro digital feel.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTrail/PixelTrail.css" }, { "type": "registry:component", "path": "PixelTrail/PixelTrail.jsx" } ] }, { "name": "PixelTrail-JS-TW", "title": "PixelTrail", "description": "Pixelated cursor trail emitting fading squares with retro digital feel.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTrail/PixelTrail.jsx" } ] }, { "name": "PixelTrail-TS-CSS", "title": "PixelTrail", "description": "Pixelated cursor trail emitting fading squares with retro digital feel.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTrail/PixelTrail.css" }, { "type": "registry:component", "path": "PixelTrail/PixelTrail.tsx" } ] }, { "name": "PixelTrail-TS-TW", "title": "PixelTrail", "description": "Pixelated cursor trail emitting fading squares with retro digital feel.", "type": "registry:component", "dependencies": [ "@react-three/drei@^10.7.4", "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTrail/PixelTrail.tsx" } ] }, { "name": "PixelTransition-JS-CSS", "title": "PixelTransition", "description": "Pixel dissolve transition for content reveal on hover.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTransition/PixelTransition.css" }, { "type": "registry:component", "path": "PixelTransition/PixelTransition.jsx" } ] }, { "name": "PixelTransition-JS-TW", "title": "PixelTransition", "description": "Pixel dissolve transition for content reveal on hover.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTransition/PixelTransition.jsx" } ] }, { "name": "PixelTransition-TS-CSS", "title": "PixelTransition", "description": "Pixel dissolve transition for content reveal on hover.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTransition/PixelTransition.css" }, { "type": "registry:component", "path": "PixelTransition/PixelTransition.tsx" } ] }, { "name": "PixelTransition-TS-TW", "title": "PixelTransition", "description": "Pixel dissolve transition for content reveal on hover.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelTransition/PixelTransition.tsx" } ] }, { "name": "Ribbons-JS-CSS", "title": "Ribbons", "description": "Flowing responsive ribbons/cursor trail driven by physics and pointer motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ribbons/Ribbons.css" }, { "type": "registry:component", "path": "Ribbons/Ribbons.jsx" } ] }, { "name": "Ribbons-JS-TW", "title": "Ribbons", "description": "Flowing responsive ribbons/cursor trail driven by physics and pointer motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ribbons/Ribbons.jsx" } ] }, { "name": "Ribbons-TS-CSS", "title": "Ribbons", "description": "Flowing responsive ribbons/cursor trail driven by physics and pointer motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ribbons/Ribbons.css" }, { "type": "registry:component", "path": "Ribbons/Ribbons.tsx" } ] }, { "name": "Ribbons-TS-TW", "title": "Ribbons", "description": "Flowing responsive ribbons/cursor trail driven by physics and pointer motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ribbons/Ribbons.tsx" } ] }, { "name": "ShapeBlur-JS-CSS", "title": "ShapeBlur", "description": "Morphing blurred geometric shape. The effect occurs on hover.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeBlur/ShapeBlur.jsx" } ] }, { "name": "ShapeBlur-JS-TW", "title": "ShapeBlur", "description": "Morphing blurred geometric shape. The effect occurs on hover.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeBlur/ShapeBlur.jsx" } ] }, { "name": "ShapeBlur-TS-CSS", "title": "ShapeBlur", "description": "Morphing blurred geometric shape. The effect occurs on hover.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeBlur/ShapeBlur.tsx" } ] }, { "name": "ShapeBlur-TS-TW", "title": "ShapeBlur", "description": "Morphing blurred geometric shape. The effect occurs on hover.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeBlur/ShapeBlur.tsx" } ] }, { "name": "SplashCursor-JS-CSS", "title": "SplashCursor", "description": "Liquid splash burst at cursor with curling ripples and waves.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplashCursor/SplashCursor.jsx" } ] }, { "name": "SplashCursor-JS-TW", "title": "SplashCursor", "description": "Liquid splash burst at cursor with curling ripples and waves.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplashCursor/SplashCursor.jsx" } ] }, { "name": "SplashCursor-TS-CSS", "title": "SplashCursor", "description": "Liquid splash burst at cursor with curling ripples and waves.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplashCursor/SplashCursor.tsx" } ] }, { "name": "SplashCursor-TS-TW", "title": "SplashCursor", "description": "Liquid splash burst at cursor with curling ripples and waves.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplashCursor/SplashCursor.tsx" } ] }, { "name": "StarBorder-JS-CSS", "title": "StarBorder", "description": "Animated star / sparkle border orbiting content with twinkle pulses.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StarBorder/StarBorder.css" }, { "type": "registry:component", "path": "StarBorder/StarBorder.jsx" } ] }, { "name": "StarBorder-JS-TW", "title": "StarBorder", "description": "Animated star / sparkle border orbiting content with twinkle pulses.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StarBorder/StarBorder.jsx" } ] }, { "name": "StarBorder-TS-CSS", "title": "StarBorder", "description": "Animated star / sparkle border orbiting content with twinkle pulses.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StarBorder/StarBorder.css" }, { "type": "registry:component", "path": "StarBorder/StarBorder.tsx" } ] }, { "name": "StarBorder-TS-TW", "title": "StarBorder", "description": "Animated star / sparkle border orbiting content with twinkle pulses.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StarBorder/StarBorder.tsx" } ] }, { "name": "StickerPeel-JS-CSS", "title": "StickerPeel", "description": "Sticker corner lift + peel interaction using 3D transform and shadow depth.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StickerPeel/StickerPeel.css" }, { "type": "registry:component", "path": "StickerPeel/StickerPeel.jsx" } ] }, { "name": "StickerPeel-JS-TW", "title": "StickerPeel", "description": "Sticker corner lift + peel interaction using 3D transform and shadow depth.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StickerPeel/StickerPeel.jsx" } ] }, { "name": "StickerPeel-TS-CSS", "title": "StickerPeel", "description": "Sticker corner lift + peel interaction using 3D transform and shadow depth.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StickerPeel/StickerPeel.css" }, { "type": "registry:component", "path": "StickerPeel/StickerPeel.tsx" } ] }, { "name": "StickerPeel-TS-TW", "title": "StickerPeel", "description": "Sticker corner lift + peel interaction using 3D transform and shadow depth.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StickerPeel/StickerPeel.tsx" } ] }, { "name": "TargetCursor-JS-CSS", "title": "TargetCursor", "description": "A cursor follow animation with 4 corners that lock onto targets.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TargetCursor/TargetCursor.css" }, { "type": "registry:component", "path": "TargetCursor/TargetCursor.jsx" } ] }, { "name": "TargetCursor-JS-TW", "title": "TargetCursor", "description": "A cursor follow animation with 4 corners that lock onto targets.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TargetCursor/TargetCursor.jsx" } ] }, { "name": "TargetCursor-TS-CSS", "title": "TargetCursor", "description": "A cursor follow animation with 4 corners that lock onto targets.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TargetCursor/TargetCursor.css" }, { "type": "registry:component", "path": "TargetCursor/TargetCursor.tsx" } ] }, { "name": "TargetCursor-TS-TW", "title": "TargetCursor", "description": "A cursor follow animation with 4 corners that lock onto targets.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TargetCursor/TargetCursor.tsx" } ] }, { "name": "LaserFlow-JS-CSS", "title": "LaserFlow", "description": "Dynamic laser light that flows onto a surface, customizable effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LaserFlow/LaserFlow.css" }, { "type": "registry:component", "path": "LaserFlow/LaserFlow.jsx" } ] }, { "name": "LaserFlow-JS-TW", "title": "LaserFlow", "description": "Dynamic laser light that flows onto a surface, customizable effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LaserFlow/LaserFlow.jsx" } ] }, { "name": "LaserFlow-TS-CSS", "title": "LaserFlow", "description": "Dynamic laser light that flows onto a surface, customizable effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LaserFlow/LaserFlow.css" }, { "type": "registry:component", "path": "LaserFlow/LaserFlow.tsx" } ] }, { "name": "LaserFlow-TS-TW", "title": "LaserFlow", "description": "Dynamic laser light that flows onto a surface, customizable effect.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LaserFlow/LaserFlow.tsx" } ] }, { "name": "Antigravity-JS-CSS", "title": "Antigravity", "description": "3D antigravity particle field that repels from the cursor with smooth motion.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Antigravity/Antigravity.jsx" } ] }, { "name": "Antigravity-JS-TW", "title": "Antigravity", "description": "3D antigravity particle field that repels from the cursor with smooth motion.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Antigravity/Antigravity.jsx" } ] }, { "name": "Antigravity-TS-CSS", "title": "Antigravity", "description": "3D antigravity particle field that repels from the cursor with smooth motion.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Antigravity/Antigravity.tsx" } ] }, { "name": "Antigravity-TS-TW", "title": "Antigravity", "description": "3D antigravity particle field that repels from the cursor with smooth motion.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Antigravity/Antigravity.tsx" } ] }, { "name": "OrbitImages-JS-CSS", "title": "OrbitImages", "description": "SVG Path customizable orbiting images effect", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "OrbitImages/OrbitImages.css" }, { "type": "registry:component", "path": "OrbitImages/OrbitImages.jsx" } ] }, { "name": "OrbitImages-JS-TW", "title": "OrbitImages", "description": "SVG Path customizable orbiting images effect", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "OrbitImages/OrbitImages.jsx" } ] }, { "name": "OrbitImages-TS-CSS", "title": "OrbitImages", "description": "SVG Path customizable orbiting images effect", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "OrbitImages/OrbitImages.css" }, { "type": "registry:component", "path": "OrbitImages/OrbitImages.tsx" } ] }, { "name": "OrbitImages-TS-TW", "title": "OrbitImages", "description": "SVG Path customizable orbiting images effect", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "OrbitImages/OrbitImages.tsx" } ] }, { "name": "MagicRings-JS-CSS", "title": "MagicRings", "description": "Interactive magic rings effect with customizable parameters.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicRings/MagicRings.css" }, { "type": "registry:component", "path": "MagicRings/MagicRings.jsx" } ] }, { "name": "MagicRings-JS-TW", "title": "MagicRings", "description": "Interactive magic rings effect with customizable parameters.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicRings/MagicRings.jsx" } ] }, { "name": "MagicRings-TS-CSS", "title": "MagicRings", "description": "Interactive magic rings effect with customizable parameters.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicRings/MagicRings.css" }, { "type": "registry:component", "path": "MagicRings/MagicRings.tsx" } ] }, { "name": "MagicRings-TS-TW", "title": "MagicRings", "description": "Interactive magic rings effect with customizable parameters.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicRings/MagicRings.tsx" } ] }, { "name": "ASCIIText-JS-CSS", "title": "ASCIIText", "description": "Renders text with an animated ASCII background for a retro feel.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ASCIIText/ASCIIText.jsx" } ] }, { "name": "ASCIIText-JS-TW", "title": "ASCIIText", "description": "Renders text with an animated ASCII background for a retro feel.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ASCIIText/ASCIIText.jsx" } ] }, { "name": "ASCIIText-TS-CSS", "title": "ASCIIText", "description": "Renders text with an animated ASCII background for a retro feel.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ASCIIText/ASCIIText.tsx" } ] }, { "name": "ASCIIText-TS-TW", "title": "ASCIIText", "description": "Renders text with an animated ASCII background for a retro feel.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ASCIIText/ASCIIText.tsx" } ] }, { "name": "BlurText-JS-CSS", "title": "BlurText", "description": "Text starts blurred then crisply resolves for a soft-focus reveal effect.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlurText/BlurText.jsx" } ] }, { "name": "BlurText-JS-TW", "title": "BlurText", "description": "Text starts blurred then crisply resolves for a soft-focus reveal effect.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlurText/BlurText.jsx" } ] }, { "name": "BlurText-TS-CSS", "title": "BlurText", "description": "Text starts blurred then crisply resolves for a soft-focus reveal effect.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlurText/BlurText.tsx" } ] }, { "name": "BlurText-TS-TW", "title": "BlurText", "description": "Text starts blurred then crisply resolves for a soft-focus reveal effect.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BlurText/BlurText.tsx" } ] }, { "name": "CircularText-JS-CSS", "title": "CircularText", "description": "Layouts characters around a circle with optional rotation animation.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularText/CircularText.css" }, { "type": "registry:component", "path": "CircularText/CircularText.jsx" } ] }, { "name": "CircularText-JS-TW", "title": "CircularText", "description": "Layouts characters around a circle with optional rotation animation.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularText/CircularText.jsx" } ] }, { "name": "CircularText-TS-CSS", "title": "CircularText", "description": "Layouts characters around a circle with optional rotation animation.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularText/CircularText.css" }, { "type": "registry:component", "path": "CircularText/CircularText.tsx" } ] }, { "name": "CircularText-TS-TW", "title": "CircularText", "description": "Layouts characters around a circle with optional rotation animation.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularText/CircularText.tsx" } ] }, { "name": "CountUp-JS-CSS", "title": "CountUp", "description": "Animated number counter supporting formatting and decimals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CountUp/CountUp.jsx" } ] }, { "name": "CountUp-JS-TW", "title": "CountUp", "description": "Animated number counter supporting formatting and decimals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CountUp/CountUp.jsx" } ] }, { "name": "CountUp-TS-CSS", "title": "CountUp", "description": "Animated number counter supporting formatting and decimals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CountUp/CountUp.tsx" } ] }, { "name": "CountUp-TS-TW", "title": "CountUp", "description": "Animated number counter supporting formatting and decimals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CountUp/CountUp.tsx" } ] }, { "name": "CurvedLoop-JS-CSS", "title": "CurvedLoop", "description": "Flowing looping text path along a customizable curve with drag interaction.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.css" }, { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.jsx" } ] }, { "name": "CurvedLoop-JS-TW", "title": "CurvedLoop", "description": "Flowing looping text path along a customizable curve with drag interaction.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.jsx" } ] }, { "name": "CurvedLoop-TS-CSS", "title": "CurvedLoop", "description": "Flowing looping text path along a customizable curve with drag interaction.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.css" }, { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.tsx" } ] }, { "name": "CurvedLoop-TS-TW", "title": "CurvedLoop", "description": "Flowing looping text path along a customizable curve with drag interaction.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CurvedLoop/CurvedLoop.tsx" } ] }, { "name": "DecryptedText-JS-CSS", "title": "DecryptedText", "description": "Hacker-style decryption cycling random glyphs until resolving to real text.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecryptedText/DecryptedText.jsx" } ] }, { "name": "DecryptedText-JS-TW", "title": "DecryptedText", "description": "Hacker-style decryption cycling random glyphs until resolving to real text.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecryptedText/DecryptedText.jsx" } ] }, { "name": "DecryptedText-TS-CSS", "title": "DecryptedText", "description": "Hacker-style decryption cycling random glyphs until resolving to real text.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecryptedText/DecryptedText.tsx" } ] }, { "name": "DecryptedText-TS-TW", "title": "DecryptedText", "description": "Hacker-style decryption cycling random glyphs until resolving to real text.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecryptedText/DecryptedText.tsx" } ] }, { "name": "FallingText-JS-CSS", "title": "FallingText", "description": "Characters fall with gravity + bounce creating a playful entrance.", "type": "registry:component", "dependencies": [ "matter-js@^0.20.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FallingText/FallingText.css" }, { "type": "registry:component", "path": "FallingText/FallingText.jsx" } ] }, { "name": "FallingText-JS-TW", "title": "FallingText", "description": "Characters fall with gravity + bounce creating a playful entrance.", "type": "registry:component", "dependencies": [ "matter-js@^0.20.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FallingText/FallingText.jsx" } ] }, { "name": "FallingText-TS-CSS", "title": "FallingText", "description": "Characters fall with gravity + bounce creating a playful entrance.", "type": "registry:component", "dependencies": [ "matter-js@^0.20.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FallingText/FallingText.css" }, { "type": "registry:component", "path": "FallingText/FallingText.tsx" } ] }, { "name": "FallingText-TS-TW", "title": "FallingText", "description": "Characters fall with gravity + bounce creating a playful entrance.", "type": "registry:component", "dependencies": [ "matter-js@^0.20.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FallingText/FallingText.tsx" } ] }, { "name": "FuzzyText-JS-CSS", "title": "FuzzyText", "description": "Vibrating fuzzy text with controllable hover intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FuzzyText/FuzzyText.jsx" } ] }, { "name": "FuzzyText-JS-TW", "title": "FuzzyText", "description": "Vibrating fuzzy text with controllable hover intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FuzzyText/FuzzyText.jsx" } ] }, { "name": "FuzzyText-TS-CSS", "title": "FuzzyText", "description": "Vibrating fuzzy text with controllable hover intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FuzzyText/FuzzyText.tsx" } ] }, { "name": "FuzzyText-TS-TW", "title": "FuzzyText", "description": "Vibrating fuzzy text with controllable hover intensity.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FuzzyText/FuzzyText.tsx" } ] }, { "name": "GlitchText-JS-CSS", "title": "GlitchText", "description": "RGB split and distortion glitch effect with jitter effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlitchText/GlitchText.css" }, { "type": "registry:component", "path": "GlitchText/GlitchText.jsx" } ] }, { "name": "GlitchText-JS-TW", "title": "GlitchText", "description": "RGB split and distortion glitch effect with jitter effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlitchText/GlitchText.jsx" } ] }, { "name": "GlitchText-TS-CSS", "title": "GlitchText", "description": "RGB split and distortion glitch effect with jitter effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlitchText/GlitchText.css" }, { "type": "registry:component", "path": "GlitchText/GlitchText.tsx" } ] }, { "name": "GlitchText-TS-TW", "title": "GlitchText", "description": "RGB split and distortion glitch effect with jitter effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlitchText/GlitchText.tsx" } ] }, { "name": "GradientText-JS-CSS", "title": "GradientText", "description": "Animated gradient sweep across live text with speed and color control.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientText/GradientText.css" }, { "type": "registry:component", "path": "GradientText/GradientText.jsx" } ] }, { "name": "GradientText-JS-TW", "title": "GradientText", "description": "Animated gradient sweep across live text with speed and color control.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientText/GradientText.jsx" } ] }, { "name": "GradientText-TS-CSS", "title": "GradientText", "description": "Animated gradient sweep across live text with speed and color control.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientText/GradientText.css" }, { "type": "registry:component", "path": "GradientText/GradientText.tsx" } ] }, { "name": "GradientText-TS-TW", "title": "GradientText", "description": "Animated gradient sweep across live text with speed and color control.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientText/GradientText.tsx" } ] }, { "name": "RotatingText-JS-CSS", "title": "RotatingText", "description": "Cycles through multiple phrases with 3D rotate / flip transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RotatingText/RotatingText.css" }, { "type": "registry:component", "path": "RotatingText/RotatingText.jsx" } ] }, { "name": "RotatingText-JS-TW", "title": "RotatingText", "description": "Cycles through multiple phrases with 3D rotate / flip transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RotatingText/RotatingText.jsx" } ] }, { "name": "RotatingText-TS-CSS", "title": "RotatingText", "description": "Cycles through multiple phrases with 3D rotate / flip transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RotatingText/RotatingText.css" }, { "type": "registry:component", "path": "RotatingText/RotatingText.tsx" } ] }, { "name": "RotatingText-TS-TW", "title": "RotatingText", "description": "Cycles through multiple phrases with 3D rotate / flip transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RotatingText/RotatingText.tsx" } ] }, { "name": "ScrambledText-JS-CSS", "title": "ScrambledText", "description": "Detects cursor position and applies a distortion effect to text.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrambledText/ScrambledText.css" }, { "type": "registry:component", "path": "ScrambledText/ScrambledText.jsx" } ] }, { "name": "ScrambledText-JS-TW", "title": "ScrambledText", "description": "Detects cursor position and applies a distortion effect to text.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrambledText/ScrambledText.jsx" } ] }, { "name": "ScrambledText-TS-CSS", "title": "ScrambledText", "description": "Detects cursor position and applies a distortion effect to text.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrambledText/ScrambledText.css" }, { "type": "registry:component", "path": "ScrambledText/ScrambledText.tsx" } ] }, { "name": "ScrambledText-TS-TW", "title": "ScrambledText", "description": "Detects cursor position and applies a distortion effect to text.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrambledText/ScrambledText.tsx" } ] }, { "name": "ScrollFloat-JS-CSS", "title": "ScrollFloat", "description": "Text gently floats / parallax shifts on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.css" }, { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.jsx" } ] }, { "name": "ScrollFloat-JS-TW", "title": "ScrollFloat", "description": "Text gently floats / parallax shifts on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.jsx" } ] }, { "name": "ScrollFloat-TS-CSS", "title": "ScrollFloat", "description": "Text gently floats / parallax shifts on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.css" }, { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.tsx" } ] }, { "name": "ScrollFloat-TS-TW", "title": "ScrollFloat", "description": "Text gently floats / parallax shifts on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollFloat/ScrollFloat.tsx" } ] }, { "name": "ScrollReveal-JS-CSS", "title": "ScrollReveal", "description": "Text gently unblurs and reveals on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.css" }, { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.jsx" } ] }, { "name": "ScrollReveal-JS-TW", "title": "ScrollReveal", "description": "Text gently unblurs and reveals on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.jsx" } ] }, { "name": "ScrollReveal-TS-CSS", "title": "ScrollReveal", "description": "Text gently unblurs and reveals on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.css" }, { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.tsx" } ] }, { "name": "ScrollReveal-TS-TW", "title": "ScrollReveal", "description": "Text gently unblurs and reveals on scroll.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollReveal/ScrollReveal.tsx" } ] }, { "name": "ScrollVelocity-JS-CSS", "title": "ScrollVelocity", "description": "Text marquee animatio - speed and distortion scale with user's scroll velocity.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.css" }, { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.jsx" } ] }, { "name": "ScrollVelocity-JS-TW", "title": "ScrollVelocity", "description": "Text marquee animatio - speed and distortion scale with user's scroll velocity.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.jsx" } ] }, { "name": "ScrollVelocity-TS-CSS", "title": "ScrollVelocity", "description": "Text marquee animatio - speed and distortion scale with user's scroll velocity.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.css" }, { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.tsx" } ] }, { "name": "ScrollVelocity-TS-TW", "title": "ScrollVelocity", "description": "Text marquee animatio - speed and distortion scale with user's scroll velocity.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollVelocity/ScrollVelocity.tsx" } ] }, { "name": "ShinyText-JS-CSS", "title": "ShinyText", "description": "Metallic sheen sweeps across text producing a reflective highlight.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShinyText/ShinyText.css" }, { "type": "registry:component", "path": "ShinyText/ShinyText.jsx" } ] }, { "name": "ShinyText-JS-TW", "title": "ShinyText", "description": "Metallic sheen sweeps across text producing a reflective highlight.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShinyText/ShinyText.jsx" } ] }, { "name": "ShinyText-TS-CSS", "title": "ShinyText", "description": "Metallic sheen sweeps across text producing a reflective highlight.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShinyText/ShinyText.css" }, { "type": "registry:component", "path": "ShinyText/ShinyText.tsx" } ] }, { "name": "ShinyText-TS-TW", "title": "ShinyText", "description": "Metallic sheen sweeps across text producing a reflective highlight.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShinyText/ShinyText.tsx" } ] }, { "name": "SplitText-JS-CSS", "title": "SplitText", "description": "Splits text into characters / words for staggered entrance animation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplitText/SplitText.jsx" } ] }, { "name": "SplitText-JS-TW", "title": "SplitText", "description": "Splits text into characters / words for staggered entrance animation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplitText/SplitText.jsx" } ] }, { "name": "SplitText-TS-CSS", "title": "SplitText", "description": "Splits text into characters / words for staggered entrance animation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplitText/SplitText.tsx" } ] }, { "name": "SplitText-TS-TW", "title": "SplitText", "description": "Splits text into characters / words for staggered entrance animation.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SplitText/SplitText.tsx" } ] }, { "name": "TextCursor-JS-CSS", "title": "TextCursor", "description": "Make any text element follow your cursor, leaving a trail of copies behind it.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextCursor/TextCursor.css" }, { "type": "registry:component", "path": "TextCursor/TextCursor.jsx" } ] }, { "name": "TextCursor-JS-TW", "title": "TextCursor", "description": "Make any text element follow your cursor, leaving a trail of copies behind it.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextCursor/TextCursor.jsx" } ] }, { "name": "TextCursor-TS-CSS", "title": "TextCursor", "description": "Make any text element follow your cursor, leaving a trail of copies behind it.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextCursor/TextCursor.css" }, { "type": "registry:component", "path": "TextCursor/TextCursor.tsx" } ] }, { "name": "TextCursor-TS-TW", "title": "TextCursor", "description": "Make any text element follow your cursor, leaving a trail of copies behind it.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextCursor/TextCursor.tsx" } ] }, { "name": "TextPressure-JS-CSS", "title": "TextPressure", "description": "Characters scale / warp interactively based on pointer pressure zone.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextPressure/TextPressure.jsx" } ] }, { "name": "TextPressure-JS-TW", "title": "TextPressure", "description": "Characters scale / warp interactively based on pointer pressure zone.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextPressure/TextPressure.jsx" } ] }, { "name": "TextPressure-TS-CSS", "title": "TextPressure", "description": "Characters scale / warp interactively based on pointer pressure zone.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextPressure/TextPressure.tsx" } ] }, { "name": "TextPressure-TS-TW", "title": "TextPressure", "description": "Characters scale / warp interactively based on pointer pressure zone.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextPressure/TextPressure.tsx" } ] }, { "name": "TextType-JS-CSS", "title": "TextType", "description": "Typewriter effect with blinking cursor and adjustable typing cadence.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextType/TextType.css" }, { "type": "registry:component", "path": "TextType/TextType.jsx" } ] }, { "name": "TextType-JS-TW", "title": "TextType", "description": "Typewriter effect with blinking cursor and adjustable typing cadence.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextType/TextType.jsx" } ] }, { "name": "TextType-TS-CSS", "title": "TextType", "description": "Typewriter effect with blinking cursor and adjustable typing cadence.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextType/TextType.css" }, { "type": "registry:component", "path": "TextType/TextType.tsx" } ] }, { "name": "TextType-TS-TW", "title": "TextType", "description": "Typewriter effect with blinking cursor and adjustable typing cadence.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TextType/TextType.tsx" } ] }, { "name": "TrueFocus-JS-CSS", "title": "TrueFocus", "description": "Applies dynamic blur / clarity based over a series of words in order.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TrueFocus/TrueFocus.css" }, { "type": "registry:component", "path": "TrueFocus/TrueFocus.jsx" } ] }, { "name": "TrueFocus-JS-TW", "title": "TrueFocus", "description": "Applies dynamic blur / clarity based over a series of words in order.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TrueFocus/TrueFocus.jsx" } ] }, { "name": "TrueFocus-TS-CSS", "title": "TrueFocus", "description": "Applies dynamic blur / clarity based over a series of words in order.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TrueFocus/TrueFocus.css" }, { "type": "registry:component", "path": "TrueFocus/TrueFocus.tsx" } ] }, { "name": "TrueFocus-TS-TW", "title": "TrueFocus", "description": "Applies dynamic blur / clarity based over a series of words in order.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TrueFocus/TrueFocus.tsx" } ] }, { "name": "VariableProximity-JS-CSS", "title": "VariableProximity", "description": "Letter styling changes continuously with pointer distance mapping.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "VariableProximity/VariableProximity.css" }, { "type": "registry:component", "path": "VariableProximity/VariableProximity.jsx" } ] }, { "name": "VariableProximity-JS-TW", "title": "VariableProximity", "description": "Letter styling changes continuously with pointer distance mapping.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "VariableProximity/VariableProximity.jsx" } ] }, { "name": "VariableProximity-TS-CSS", "title": "VariableProximity", "description": "Letter styling changes continuously with pointer distance mapping.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "VariableProximity/VariableProximity.css" }, { "type": "registry:component", "path": "VariableProximity/VariableProximity.tsx" } ] }, { "name": "VariableProximity-TS-TW", "title": "VariableProximity", "description": "Letter styling changes continuously with pointer distance mapping.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "VariableProximity/VariableProximity.tsx" } ] }, { "name": "Shuffle-JS-CSS", "title": "Shuffle", "description": "Animated text reveal where characters shuffle before settling.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Shuffle/Shuffle.css" }, { "type": "registry:component", "path": "Shuffle/Shuffle.jsx" } ] }, { "name": "Shuffle-JS-TW", "title": "Shuffle", "description": "Animated text reveal where characters shuffle before settling.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Shuffle/Shuffle.jsx" } ] }, { "name": "Shuffle-TS-CSS", "title": "Shuffle", "description": "Animated text reveal where characters shuffle before settling.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Shuffle/Shuffle.css" }, { "type": "registry:component", "path": "Shuffle/Shuffle.tsx" } ] }, { "name": "Shuffle-TS-TW", "title": "Shuffle", "description": "Animated text reveal where characters shuffle before settling.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "@gsap/react@^2.1.2" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Shuffle/Shuffle.tsx" } ] }, { "name": "AnimatedList-JS-CSS", "title": "AnimatedList", "description": "List items enter with staggered motion variants for polished reveals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedList/AnimatedList.css" }, { "type": "registry:component", "path": "AnimatedList/AnimatedList.jsx" } ] }, { "name": "AnimatedList-JS-TW", "title": "AnimatedList", "description": "List items enter with staggered motion variants for polished reveals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedList/AnimatedList.jsx" } ] }, { "name": "AnimatedList-TS-CSS", "title": "AnimatedList", "description": "List items enter with staggered motion variants for polished reveals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedList/AnimatedList.css" }, { "type": "registry:component", "path": "AnimatedList/AnimatedList.tsx" } ] }, { "name": "AnimatedList-TS-TW", "title": "AnimatedList", "description": "List items enter with staggered motion variants for polished reveals.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "AnimatedList/AnimatedList.tsx" } ] }, { "name": "BounceCards-JS-CSS", "title": "BounceCards", "description": "Cards bounce that bounce in on mount.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BounceCards/BounceCards.css" }, { "type": "registry:component", "path": "BounceCards/BounceCards.jsx" } ] }, { "name": "BounceCards-JS-TW", "title": "BounceCards", "description": "Cards bounce that bounce in on mount.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BounceCards/BounceCards.jsx" } ] }, { "name": "BounceCards-TS-CSS", "title": "BounceCards", "description": "Cards bounce that bounce in on mount.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BounceCards/BounceCards.css" }, { "type": "registry:component", "path": "BounceCards/BounceCards.tsx" } ] }, { "name": "BounceCards-TS-TW", "title": "BounceCards", "description": "Cards bounce that bounce in on mount.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BounceCards/BounceCards.tsx" } ] }, { "name": "BubbleMenu-JS-CSS", "title": "BubbleMenu", "description": "Floating circular expanding menu with staggered item reveal.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.css" }, { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.jsx" } ] }, { "name": "BubbleMenu-JS-TW", "title": "BubbleMenu", "description": "Floating circular expanding menu with staggered item reveal.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.jsx" } ] }, { "name": "BubbleMenu-TS-CSS", "title": "BubbleMenu", "description": "Floating circular expanding menu with staggered item reveal.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.css" }, { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.tsx" } ] }, { "name": "BubbleMenu-TS-TW", "title": "BubbleMenu", "description": "Floating circular expanding menu with staggered item reveal.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BubbleMenu/BubbleMenu.tsx" } ] }, { "name": "CardNav-JS-CSS", "title": "CardNav", "description": "Expandable navigation bar with card panels revealing nested links.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardNav/CardNav.css" }, { "type": "registry:component", "path": "CardNav/CardNav.jsx" } ] }, { "name": "CardNav-JS-TW", "title": "CardNav", "description": "Expandable navigation bar with card panels revealing nested links.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardNav/CardNav.jsx" } ] }, { "name": "CardNav-TS-CSS", "title": "CardNav", "description": "Expandable navigation bar with card panels revealing nested links.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardNav/CardNav.css" }, { "type": "registry:component", "path": "CardNav/CardNav.tsx" } ] }, { "name": "CardNav-TS-TW", "title": "CardNav", "description": "Expandable navigation bar with card panels revealing nested links.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardNav/CardNav.tsx" } ] }, { "name": "CardSwap-JS-CSS", "title": "CardSwap", "description": "Cards animate position swapping with smooth layout transitions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardSwap/CardSwap.css" }, { "type": "registry:component", "path": "CardSwap/CardSwap.jsx" } ] }, { "name": "CardSwap-JS-TW", "title": "CardSwap", "description": "Cards animate position swapping with smooth layout transitions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardSwap/CardSwap.jsx" } ] }, { "name": "CardSwap-TS-CSS", "title": "CardSwap", "description": "Cards animate position swapping with smooth layout transitions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardSwap/CardSwap.css" }, { "type": "registry:component", "path": "CardSwap/CardSwap.tsx" } ] }, { "name": "CardSwap-TS-TW", "title": "CardSwap", "description": "Cards animate position swapping with smooth layout transitions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CardSwap/CardSwap.tsx" } ] }, { "name": "Carousel-JS-CSS", "title": "Carousel", "description": "Responsive carousel with touch gestures, looping and transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Carousel/Carousel.css" }, { "type": "registry:component", "path": "Carousel/Carousel.jsx" } ] }, { "name": "Carousel-JS-TW", "title": "Carousel", "description": "Responsive carousel with touch gestures, looping and transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Carousel/Carousel.jsx" } ] }, { "name": "Carousel-TS-CSS", "title": "Carousel", "description": "Responsive carousel with touch gestures, looping and transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Carousel/Carousel.css" }, { "type": "registry:component", "path": "Carousel/Carousel.tsx" } ] }, { "name": "Carousel-TS-TW", "title": "Carousel", "description": "Responsive carousel with touch gestures, looping and transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Carousel/Carousel.tsx" } ] }, { "name": "ChromaGrid-JS-CSS", "title": "ChromaGrid", "description": "A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.css" }, { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.jsx" } ] }, { "name": "ChromaGrid-JS-TW", "title": "ChromaGrid", "description": "A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.jsx" } ] }, { "name": "ChromaGrid-TS-CSS", "title": "ChromaGrid", "description": "A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.css" }, { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.tsx" } ] }, { "name": "ChromaGrid-TS-TW", "title": "ChromaGrid", "description": "A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ChromaGrid/ChromaGrid.tsx" } ] }, { "name": "CircularGallery-JS-CSS", "title": "CircularGallery", "description": "Circular orbit gallery rotating images.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularGallery/CircularGallery.css" }, { "type": "registry:component", "path": "CircularGallery/CircularGallery.jsx" } ] }, { "name": "CircularGallery-JS-TW", "title": "CircularGallery", "description": "Circular orbit gallery rotating images.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularGallery/CircularGallery.jsx" } ] }, { "name": "CircularGallery-TS-CSS", "title": "CircularGallery", "description": "Circular orbit gallery rotating images.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularGallery/CircularGallery.css" }, { "type": "registry:component", "path": "CircularGallery/CircularGallery.tsx" } ] }, { "name": "CircularGallery-TS-TW", "title": "CircularGallery", "description": "Circular orbit gallery rotating images.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "CircularGallery/CircularGallery.tsx" } ] }, { "name": "Counter-JS-CSS", "title": "Counter", "description": "Flexible animated counter supporting increments + easing.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Counter/Counter.css" }, { "type": "registry:component", "path": "Counter/Counter.jsx" } ] }, { "name": "Counter-JS-TW", "title": "Counter", "description": "Flexible animated counter supporting increments + easing.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Counter/Counter.jsx" } ] }, { "name": "Counter-TS-CSS", "title": "Counter", "description": "Flexible animated counter supporting increments + easing.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Counter/Counter.css" }, { "type": "registry:component", "path": "Counter/Counter.tsx" } ] }, { "name": "Counter-TS-TW", "title": "Counter", "description": "Flexible animated counter supporting increments + easing.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Counter/Counter.tsx" } ] }, { "name": "DecayCard-JS-CSS", "title": "DecayCard", "description": "Hover parallax effect that disintegrates the content of a card.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecayCard/DecayCard.css" }, { "type": "registry:component", "path": "DecayCard/DecayCard.jsx" } ] }, { "name": "DecayCard-JS-TW", "title": "DecayCard", "description": "Hover parallax effect that disintegrates the content of a card.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecayCard/DecayCard.jsx" } ] }, { "name": "DecayCard-TS-CSS", "title": "DecayCard", "description": "Hover parallax effect that disintegrates the content of a card.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecayCard/DecayCard.css" }, { "type": "registry:component", "path": "DecayCard/DecayCard.tsx" } ] }, { "name": "DecayCard-TS-TW", "title": "DecayCard", "description": "Hover parallax effect that disintegrates the content of a card.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DecayCard/DecayCard.tsx" } ] }, { "name": "Dock-JS-CSS", "title": "Dock", "description": "macOS style magnifying dock with proximity scaling of icons.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dock/Dock.css" }, { "type": "registry:component", "path": "Dock/Dock.jsx" } ] }, { "name": "Dock-JS-TW", "title": "Dock", "description": "macOS style magnifying dock with proximity scaling of icons.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dock/Dock.jsx" } ] }, { "name": "Dock-TS-CSS", "title": "Dock", "description": "macOS style magnifying dock with proximity scaling of icons.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dock/Dock.css" }, { "type": "registry:component", "path": "Dock/Dock.tsx" } ] }, { "name": "Dock-TS-TW", "title": "Dock", "description": "macOS style magnifying dock with proximity scaling of icons.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dock/Dock.tsx" } ] }, { "name": "DomeGallery-JS-CSS", "title": "DomeGallery", "description": "Immersive 3D dome gallery projecting images on a hemispheric surface.", "type": "registry:component", "dependencies": [ "@use-gesture/react@^10.2.27" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DomeGallery/DomeGallery.css" }, { "type": "registry:component", "path": "DomeGallery/DomeGallery.jsx" } ] }, { "name": "DomeGallery-JS-TW", "title": "DomeGallery", "description": "Immersive 3D dome gallery projecting images on a hemispheric surface.", "type": "registry:component", "dependencies": [ "@use-gesture/react@^10.2.27" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DomeGallery/DomeGallery.jsx" } ] }, { "name": "DomeGallery-TS-CSS", "title": "DomeGallery", "description": "Immersive 3D dome gallery projecting images on a hemispheric surface.", "type": "registry:component", "dependencies": [ "@use-gesture/react@^10.2.27" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DomeGallery/DomeGallery.css" }, { "type": "registry:component", "path": "DomeGallery/DomeGallery.tsx" } ] }, { "name": "DomeGallery-TS-TW", "title": "DomeGallery", "description": "Immersive 3D dome gallery projecting images on a hemispheric surface.", "type": "registry:component", "dependencies": [ "@use-gesture/react@^10.2.27" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DomeGallery/DomeGallery.tsx" } ] }, { "name": "ElasticSlider-JS-CSS", "title": "ElasticSlider", "description": "Slider handle stretches elastically then snaps with spring physics.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "@chakra-ui/react@^3.20.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.css" }, { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.jsx" } ] }, { "name": "ElasticSlider-JS-TW", "title": "ElasticSlider", "description": "Slider handle stretches elastically then snaps with spring physics.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.jsx" } ] }, { "name": "ElasticSlider-TS-CSS", "title": "ElasticSlider", "description": "Slider handle stretches elastically then snaps with spring physics.", "type": "registry:component", "dependencies": [ "motion@^12.23.12", "@chakra-ui/react@^3.20.0", "react-icons@^5.5.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.css" }, { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.tsx" } ] }, { "name": "ElasticSlider-TS-TW", "title": "ElasticSlider", "description": "Slider handle stretches elastically then snaps with spring physics.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ElasticSlider/ElasticSlider.tsx" } ] }, { "name": "FlowingMenu-JS-CSS", "title": "FlowingMenu", "description": "Liquid flowing active indicator glides between menu items.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.css" }, { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.jsx" } ] }, { "name": "FlowingMenu-JS-TW", "title": "FlowingMenu", "description": "Liquid flowing active indicator glides between menu items.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.jsx" } ] }, { "name": "FlowingMenu-TS-CSS", "title": "FlowingMenu", "description": "Liquid flowing active indicator glides between menu items.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.css" }, { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.tsx" } ] }, { "name": "FlowingMenu-TS-TW", "title": "FlowingMenu", "description": "Liquid flowing active indicator glides between menu items.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlowingMenu/FlowingMenu.tsx" } ] }, { "name": "FluidGlass-JS-CSS", "title": "FluidGlass", "description": "Glassmorphism container with animated liquid distortion refraction.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "maath@^0.10.8" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FluidGlass/FluidGlass.jsx" } ] }, { "name": "FluidGlass-JS-TW", "title": "FluidGlass", "description": "Glassmorphism container with animated liquid distortion refraction.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "maath@^0.10.8" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FluidGlass/FluidGlass.jsx" } ] }, { "name": "FluidGlass-TS-CSS", "title": "FluidGlass", "description": "Glassmorphism container with animated liquid distortion refraction.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "maath@^0.10.8" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FluidGlass/FluidGlass.tsx" } ] }, { "name": "FluidGlass-TS-TW", "title": "FluidGlass", "description": "Glassmorphism container with animated liquid distortion refraction.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "maath@^0.10.8" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FluidGlass/FluidGlass.tsx" } ] }, { "name": "FlyingPosters-JS-CSS", "title": "FlyingPosters", "description": "3D posters rotate on scroll infinitely.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.css" }, { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.jsx" } ] }, { "name": "FlyingPosters-JS-TW", "title": "FlyingPosters", "description": "3D posters rotate on scroll infinitely.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.jsx" } ] }, { "name": "FlyingPosters-TS-CSS", "title": "FlyingPosters", "description": "3D posters rotate on scroll infinitely.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.css" }, { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.tsx" } ] }, { "name": "FlyingPosters-TS-TW", "title": "FlyingPosters", "description": "3D posters rotate on scroll infinitely.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FlyingPosters/FlyingPosters.tsx" } ] }, { "name": "Folder-JS-CSS", "title": "Folder", "description": "Interactive folder opens to reveal nested content smooth motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Folder/Folder.css" }, { "type": "registry:component", "path": "Folder/Folder.jsx" } ] }, { "name": "Folder-JS-TW", "title": "Folder", "description": "Interactive folder opens to reveal nested content smooth motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Folder/Folder.jsx" } ] }, { "name": "Folder-TS-CSS", "title": "Folder", "description": "Interactive folder opens to reveal nested content smooth motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Folder/Folder.css" }, { "type": "registry:component", "path": "Folder/Folder.tsx" } ] }, { "name": "Folder-TS-TW", "title": "Folder", "description": "Interactive folder opens to reveal nested content smooth motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Folder/Folder.tsx" } ] }, { "name": "GlassIcons-JS-CSS", "title": "GlassIcons", "description": "Icon set styled with frosted glass blur.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassIcons/GlassIcons.css" }, { "type": "registry:component", "path": "GlassIcons/GlassIcons.jsx" } ] }, { "name": "GlassIcons-JS-TW", "title": "GlassIcons", "description": "Icon set styled with frosted glass blur.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassIcons/GlassIcons.jsx" } ] }, { "name": "GlassIcons-TS-CSS", "title": "GlassIcons", "description": "Icon set styled with frosted glass blur.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassIcons/GlassIcons.css" }, { "type": "registry:component", "path": "GlassIcons/GlassIcons.tsx" } ] }, { "name": "GlassIcons-TS-TW", "title": "GlassIcons", "description": "Icon set styled with frosted glass blur.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassIcons/GlassIcons.tsx" } ] }, { "name": "GlassSurface-JS-CSS", "title": "GlassSurface", "description": "Advanced Apple-style glass surface with real-time distortion + lighting.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassSurface/GlassSurface.css" }, { "type": "registry:component", "path": "GlassSurface/GlassSurface.jsx" } ] }, { "name": "GlassSurface-JS-TW", "title": "GlassSurface", "description": "Advanced Apple-style glass surface with real-time distortion + lighting.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassSurface/GlassSurface.jsx" } ] }, { "name": "GlassSurface-TS-CSS", "title": "GlassSurface", "description": "Advanced Apple-style glass surface with real-time distortion + lighting.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassSurface/GlassSurface.css" }, { "type": "registry:component", "path": "GlassSurface/GlassSurface.tsx" } ] }, { "name": "GlassSurface-TS-TW", "title": "GlassSurface", "description": "Advanced Apple-style glass surface with real-time distortion + lighting.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GlassSurface/GlassSurface.tsx" } ] }, { "name": "GooeyNav-JS-CSS", "title": "GooeyNav", "description": "Navigation indicator morphs with gooey blob transitions between items.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GooeyNav/GooeyNav.css" }, { "type": "registry:component", "path": "GooeyNav/GooeyNav.jsx" } ] }, { "name": "GooeyNav-JS-TW", "title": "GooeyNav", "description": "Navigation indicator morphs with gooey blob transitions between items.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GooeyNav/GooeyNav.jsx" } ] }, { "name": "GooeyNav-TS-CSS", "title": "GooeyNav", "description": "Navigation indicator morphs with gooey blob transitions between items.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GooeyNav/GooeyNav.css" }, { "type": "registry:component", "path": "GooeyNav/GooeyNav.tsx" } ] }, { "name": "GooeyNav-TS-TW", "title": "GooeyNav", "description": "Navigation indicator morphs with gooey blob transitions between items.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GooeyNav/GooeyNav.tsx" } ] }, { "name": "InfiniteMenu-JS-CSS", "title": "InfiniteMenu", "description": "Horizontally looping menu effect that scrolls endlessly with seamless wrap.", "type": "registry:component", "dependencies": [ "gl-matrix@^3.4.3" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.css" }, { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.jsx" } ] }, { "name": "InfiniteMenu-JS-TW", "title": "InfiniteMenu", "description": "Horizontally looping menu effect that scrolls endlessly with seamless wrap.", "type": "registry:component", "dependencies": [ "gl-matrix@^3.4.3" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.jsx" } ] }, { "name": "InfiniteMenu-TS-CSS", "title": "InfiniteMenu", "description": "Horizontally looping menu effect that scrolls endlessly with seamless wrap.", "type": "registry:component", "dependencies": [ "gl-matrix@^3.4.3" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.css" }, { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.tsx" } ] }, { "name": "InfiniteMenu-TS-TW", "title": "InfiniteMenu", "description": "Horizontally looping menu effect that scrolls endlessly with seamless wrap.", "type": "registry:component", "dependencies": [ "gl-matrix@^3.4.3" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "InfiniteMenu/InfiniteMenu.tsx" } ] }, { "name": "Lanyard-JS-CSS", "title": "Lanyard", "description": "Swinging 3D lanyard / badge card with realistic inertial motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lanyard.css" }, { "type": "registry:component", "path": "Lanyard.jsx" } ] }, { "name": "Lanyard-JS-TW", "title": "Lanyard", "description": "Swinging 3D lanyard / badge card with realistic inertial motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lanyard.jsx" } ] }, { "name": "Lanyard-TS-CSS", "title": "Lanyard", "description": "Swinging 3D lanyard / badge card with realistic inertial motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lanyard.css" }, { "type": "registry:component", "path": "Lanyard.tsx" } ] }, { "name": "Lanyard-TS-TW", "title": "Lanyard", "description": "Swinging 3D lanyard / badge card with realistic inertial motion.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lanyard.tsx" } ] }, { "name": "MagicBento-JS-CSS", "title": "MagicBento", "description": "Interactive bento grid tiles expand + animate with various options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicBento/MagicBento.css" }, { "type": "registry:component", "path": "MagicBento/MagicBento.jsx" } ] }, { "name": "MagicBento-JS-TW", "title": "MagicBento", "description": "Interactive bento grid tiles expand + animate with various options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicBento/MagicBento.jsx" } ] }, { "name": "MagicBento-TS-CSS", "title": "MagicBento", "description": "Interactive bento grid tiles expand + animate with various options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicBento/MagicBento.css" }, { "type": "registry:component", "path": "MagicBento/MagicBento.tsx" } ] }, { "name": "MagicBento-TS-TW", "title": "MagicBento", "description": "Interactive bento grid tiles expand + animate with various options.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "MagicBento/MagicBento.tsx" } ] }, { "name": "Masonry-JS-CSS", "title": "Masonry", "description": "Responsive masonry layout with animated reflow + gaps optimization.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Masonry/Masonry.css" }, { "type": "registry:component", "path": "Masonry/Masonry.jsx" } ] }, { "name": "Masonry-JS-TW", "title": "Masonry", "description": "Responsive masonry layout with animated reflow + gaps optimization.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Masonry/Masonry.jsx" } ] }, { "name": "Masonry-TS-CSS", "title": "Masonry", "description": "Responsive masonry layout with animated reflow + gaps optimization.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Masonry/Masonry.css" }, { "type": "registry:component", "path": "Masonry/Masonry.tsx" } ] }, { "name": "Masonry-TS-TW", "title": "Masonry", "description": "Responsive masonry layout with animated reflow + gaps optimization.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Masonry/Masonry.tsx" } ] }, { "name": "ModelViewer-JS-CSS", "title": "ModelViewer", "description": "Three.js model viewer with orbit controls and lighting presets.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ModelViewer/ModelViewer.jsx" } ] }, { "name": "ModelViewer-JS-TW", "title": "ModelViewer", "description": "Three.js model viewer with orbit controls and lighting presets.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ModelViewer/ModelViewer.jsx" } ] }, { "name": "ModelViewer-TS-CSS", "title": "ModelViewer", "description": "Three.js model viewer with orbit controls and lighting presets.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ModelViewer/ModelViewer.tsx" } ] }, { "name": "ModelViewer-TS-TW", "title": "ModelViewer", "description": "Three.js model viewer with orbit controls and lighting presets.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ModelViewer/ModelViewer.tsx" } ] }, { "name": "PillNav-JS-CSS", "title": "PillNav", "description": "Minimal pill nav with sliding active highlight + smooth easing.", "type": "registry:component", "dependencies": [ "react-router-dom@^6.30.1", "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PillNav/PillNav.css" }, { "type": "registry:component", "path": "PillNav/PillNav.jsx" } ] }, { "name": "PillNav-JS-TW", "title": "PillNav", "description": "Minimal pill nav with sliding active highlight + smooth easing.", "type": "registry:component", "dependencies": [ "react-router-dom@^6.30.1", "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PillNav/PillNav.jsx" } ] }, { "name": "PillNav-TS-CSS", "title": "PillNav", "description": "Minimal pill nav with sliding active highlight + smooth easing.", "type": "registry:component", "dependencies": [ "react-router-dom@^6.30.1", "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PillNav/PillNav.css" }, { "type": "registry:component", "path": "PillNav/PillNav.tsx" } ] }, { "name": "PillNav-TS-TW", "title": "PillNav", "description": "Minimal pill nav with sliding active highlight + smooth easing.", "type": "registry:component", "dependencies": [ "react-router-dom@^6.30.1", "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PillNav/PillNav.tsx" } ] }, { "name": "PixelCard-JS-CSS", "title": "PixelCard", "description": "Card content revealed through pixel expansion transition.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelCard/PixelCard.css" }, { "type": "registry:component", "path": "PixelCard/PixelCard.jsx" } ] }, { "name": "PixelCard-JS-TW", "title": "PixelCard", "description": "Card content revealed through pixel expansion transition.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelCard/PixelCard.jsx" } ] }, { "name": "PixelCard-TS-CSS", "title": "PixelCard", "description": "Card content revealed through pixel expansion transition.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelCard/PixelCard.css" }, { "type": "registry:component", "path": "PixelCard/PixelCard.tsx" } ] }, { "name": "PixelCard-TS-TW", "title": "PixelCard", "description": "Card content revealed through pixel expansion transition.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelCard/PixelCard.tsx" } ] }, { "name": "ProfileCard-JS-CSS", "title": "ProfileCard", "description": "Animated profile card glare with 3D hover effect.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ProfileCard/ProfileCard.css" }, { "type": "registry:component", "path": "ProfileCard/ProfileCard.jsx" } ] }, { "name": "ProfileCard-JS-TW", "title": "ProfileCard", "description": "Animated profile card glare with 3D hover effect.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ProfileCard/ProfileCard.jsx" } ] }, { "name": "ProfileCard-TS-CSS", "title": "ProfileCard", "description": "Animated profile card glare with 3D hover effect.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ProfileCard/ProfileCard.css" }, { "type": "registry:component", "path": "ProfileCard/ProfileCard.tsx" } ] }, { "name": "ProfileCard-TS-TW", "title": "ProfileCard", "description": "Animated profile card glare with 3D hover effect.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ProfileCard/ProfileCard.tsx" } ] }, { "name": "ScrollStack-JS-CSS", "title": "ScrollStack", "description": "Overlapping card stack reveals on scroll with depth layering.", "type": "registry:component", "dependencies": [ "lenis@^1.3.13" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollStack/ScrollStack.css" }, { "type": "registry:component", "path": "ScrollStack/ScrollStack.jsx" } ] }, { "name": "ScrollStack-JS-TW", "title": "ScrollStack", "description": "Overlapping card stack reveals on scroll with depth layering.", "type": "registry:component", "dependencies": [ "lenis@^1.3.13" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollStack/ScrollStack.jsx" } ] }, { "name": "ScrollStack-TS-CSS", "title": "ScrollStack", "description": "Overlapping card stack reveals on scroll with depth layering.", "type": "registry:component", "dependencies": [ "lenis@^1.3.13" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollStack/ScrollStack.css" }, { "type": "registry:component", "path": "ScrollStack/ScrollStack.tsx" } ] }, { "name": "ScrollStack-TS-TW", "title": "ScrollStack", "description": "Overlapping card stack reveals on scroll with depth layering.", "type": "registry:component", "dependencies": [ "lenis@^1.3.13" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ScrollStack/ScrollStack.tsx" } ] }, { "name": "SpotlightCard-JS-CSS", "title": "SpotlightCard", "description": "Dynamic spotlight follows cursor casting gradient illumination.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.css" }, { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.jsx" } ] }, { "name": "SpotlightCard-JS-TW", "title": "SpotlightCard", "description": "Dynamic spotlight follows cursor casting gradient illumination.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.jsx" } ] }, { "name": "SpotlightCard-TS-CSS", "title": "SpotlightCard", "description": "Dynamic spotlight follows cursor casting gradient illumination.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.css" }, { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.tsx" } ] }, { "name": "SpotlightCard-TS-TW", "title": "SpotlightCard", "description": "Dynamic spotlight follows cursor casting gradient illumination.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SpotlightCard/SpotlightCard.tsx" } ] }, { "name": "BorderGlow-JS-CSS", "title": "BorderGlow", "description": "Glowing mesh-gradient border that follows cursor direction and intensifies near edges.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BorderGlow/BorderGlow.css" }, { "type": "registry:component", "path": "BorderGlow/BorderGlow.jsx" } ] }, { "name": "BorderGlow-JS-TW", "title": "BorderGlow", "description": "Glowing mesh-gradient border that follows cursor direction and intensifies near edges.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BorderGlow/BorderGlow.jsx" } ] }, { "name": "BorderGlow-TS-CSS", "title": "BorderGlow", "description": "Glowing mesh-gradient border that follows cursor direction and intensifies near edges.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BorderGlow/BorderGlow.css" }, { "type": "registry:component", "path": "BorderGlow/BorderGlow.tsx" } ] }, { "name": "BorderGlow-TS-TW", "title": "BorderGlow", "description": "Glowing mesh-gradient border that follows cursor direction and intensifies near edges.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "BorderGlow/BorderGlow.tsx" } ] }, { "name": "Stack-JS-CSS", "title": "Stack", "description": "Layered stack with swipe animations, autoplay and smooth transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stack/Stack.css" }, { "type": "registry:component", "path": "Stack/Stack.jsx" } ] }, { "name": "Stack-JS-TW", "title": "Stack", "description": "Layered stack with swipe animations, autoplay and smooth transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stack/Stack.jsx" } ] }, { "name": "Stack-TS-CSS", "title": "Stack", "description": "Layered stack with swipe animations, autoplay and smooth transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stack/Stack.css" }, { "type": "registry:component", "path": "Stack/Stack.tsx" } ] }, { "name": "Stack-TS-TW", "title": "Stack", "description": "Layered stack with swipe animations, autoplay and smooth transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stack/Stack.tsx" } ] }, { "name": "Stepper-JS-CSS", "title": "Stepper", "description": "Animated multi-step progress indicator with active state transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stepper/Stepper.css" }, { "type": "registry:component", "path": "Stepper/Stepper.jsx" } ] }, { "name": "Stepper-JS-TW", "title": "Stepper", "description": "Animated multi-step progress indicator with active state transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stepper/Stepper.jsx" } ] }, { "name": "Stepper-TS-CSS", "title": "Stepper", "description": "Animated multi-step progress indicator with active state transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stepper/Stepper.css" }, { "type": "registry:component", "path": "Stepper/Stepper.tsx" } ] }, { "name": "Stepper-TS-TW", "title": "Stepper", "description": "Animated multi-step progress indicator with active state transitions.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Stepper/Stepper.tsx" } ] }, { "name": "TiltedCard-JS-CSS", "title": "TiltedCard", "description": "3D perspective tilt card reacting to pointer.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TiltedCard/TiltedCard.css" }, { "type": "registry:component", "path": "TiltedCard/TiltedCard.jsx" } ] }, { "name": "TiltedCard-JS-TW", "title": "TiltedCard", "description": "3D perspective tilt card reacting to pointer.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TiltedCard/TiltedCard.jsx" } ] }, { "name": "TiltedCard-TS-CSS", "title": "TiltedCard", "description": "3D perspective tilt card reacting to pointer.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TiltedCard/TiltedCard.css" }, { "type": "registry:component", "path": "TiltedCard/TiltedCard.tsx" } ] }, { "name": "TiltedCard-TS-TW", "title": "TiltedCard", "description": "3D perspective tilt card reacting to pointer.", "type": "registry:component", "dependencies": [ "motion@^12.23.12" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "TiltedCard/TiltedCard.tsx" } ] }, { "name": "StaggeredMenu-JS-CSS", "title": "StaggeredMenu", "description": "Menu with staggered item animations and smooth transitions on open/close.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.css" }, { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.jsx" } ] }, { "name": "StaggeredMenu-JS-TW", "title": "StaggeredMenu", "description": "Menu with staggered item animations and smooth transitions on open/close.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.jsx" } ] }, { "name": "StaggeredMenu-TS-CSS", "title": "StaggeredMenu", "description": "Menu with staggered item animations and smooth transitions on open/close.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.css" }, { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.tsx" } ] }, { "name": "StaggeredMenu-TS-TW", "title": "StaggeredMenu", "description": "Menu with staggered item animations and smooth transitions on open/close.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "StaggeredMenu/StaggeredMenu.tsx" } ] }, { "name": "ReflectiveCard-JS-CSS", "title": "ReflectiveCard", "description": "Card with dynamic webcam reflection and glare effects that respond to cursor movement.", "type": "registry:component", "dependencies": [ "lucide-react@^0.542.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.css" }, { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.jsx" } ] }, { "name": "ReflectiveCard-JS-TW", "title": "ReflectiveCard", "description": "Card with dynamic webcam reflection and glare effects that respond to cursor movement.", "type": "registry:component", "dependencies": [ "lucide-react@^0.542.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.jsx" } ] }, { "name": "ReflectiveCard-TS-CSS", "title": "ReflectiveCard", "description": "Card with dynamic webcam reflection and glare effects that respond to cursor movement.", "type": "registry:component", "dependencies": [ "lucide-react@^0.542.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.css" }, { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.tsx" } ] }, { "name": "ReflectiveCard-TS-TW", "title": "ReflectiveCard", "description": "Card with dynamic webcam reflection and glare effects that respond to cursor movement.", "type": "registry:component", "dependencies": [ "lucide-react@^0.542.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ReflectiveCard/ReflectiveCard.tsx" } ] }, { "name": "Aurora-JS-CSS", "title": "Aurora", "description": "Flowing aurora gradient background.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Aurora/Aurora.css" }, { "type": "registry:component", "path": "Aurora/Aurora.jsx" } ] }, { "name": "Aurora-JS-TW", "title": "Aurora", "description": "Flowing aurora gradient background.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Aurora/Aurora.jsx" } ] }, { "name": "Aurora-TS-CSS", "title": "Aurora", "description": "Flowing aurora gradient background.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Aurora/Aurora.css" }, { "type": "registry:component", "path": "Aurora/Aurora.tsx" } ] }, { "name": "Aurora-TS-TW", "title": "Aurora", "description": "Flowing aurora gradient background.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Aurora/Aurora.tsx" } ] }, { "name": "Balatro-JS-CSS", "title": "Balatro", "description": "The balatro shader, fully customizalbe and interactive.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Balatro/Balatro.css" }, { "type": "registry:component", "path": "Balatro/Balatro.jsx" } ] }, { "name": "Balatro-JS-TW", "title": "Balatro", "description": "The balatro shader, fully customizalbe and interactive.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Balatro/Balatro.jsx" } ] }, { "name": "Balatro-TS-CSS", "title": "Balatro", "description": "The balatro shader, fully customizalbe and interactive.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Balatro/Balatro.css" }, { "type": "registry:component", "path": "Balatro/Balatro.tsx" } ] }, { "name": "Balatro-TS-TW", "title": "Balatro", "description": "The balatro shader, fully customizalbe and interactive.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Balatro/Balatro.tsx" } ] }, { "name": "Ballpit-JS-CSS", "title": "Ballpit", "description": "Physics ball pit simulation with bouncing colorful spheres.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ballpit/Ballpit.jsx" } ] }, { "name": "Ballpit-JS-TW", "title": "Ballpit", "description": "Physics ball pit simulation with bouncing colorful spheres.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ballpit/Ballpit.jsx" } ] }, { "name": "Ballpit-TS-CSS", "title": "Ballpit", "description": "Physics ball pit simulation with bouncing colorful spheres.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ballpit/Ballpit.tsx" } ] }, { "name": "Ballpit-TS-TW", "title": "Ballpit", "description": "Physics ball pit simulation with bouncing colorful spheres.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ballpit/Ballpit.tsx" } ] }, { "name": "Beams-JS-CSS", "title": "Beams", "description": "Crossing animated ribbons with customizable properties.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Beams/Beams.css" }, { "type": "registry:component", "path": "Beams/Beams.jsx" } ] }, { "name": "Beams-JS-TW", "title": "Beams", "description": "Crossing animated ribbons with customizable properties.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Beams/Beams.jsx" } ] }, { "name": "Beams-TS-CSS", "title": "Beams", "description": "Crossing animated ribbons with customizable properties.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Beams/Beams.css" }, { "type": "registry:component", "path": "Beams/Beams.tsx" } ] }, { "name": "Beams-TS-TW", "title": "Beams", "description": "Crossing animated ribbons with customizable properties.", "type": "registry:component", "dependencies": [ "three@^0.167.1", "@react-three/fiber@^9.3.0", "@react-three/drei@^10.7.4" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Beams/Beams.tsx" } ] }, { "name": "ColorBends-JS-CSS", "title": "ColorBends", "description": "Vibrant color bends with smooth flowing animation.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ColorBends/ColorBends.css" }, { "type": "registry:component", "path": "ColorBends/ColorBends.jsx" } ] }, { "name": "ColorBends-JS-TW", "title": "ColorBends", "description": "Vibrant color bends with smooth flowing animation.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ColorBends/ColorBends.jsx" } ] }, { "name": "ColorBends-TS-CSS", "title": "ColorBends", "description": "Vibrant color bends with smooth flowing animation.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ColorBends/ColorBends.css" }, { "type": "registry:component", "path": "ColorBends/ColorBends.tsx" } ] }, { "name": "ColorBends-TS-TW", "title": "ColorBends", "description": "Vibrant color bends with smooth flowing animation.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ColorBends/ColorBends.tsx" } ] }, { "name": "DarkVeil-JS-CSS", "title": "DarkVeil", "description": "Subtle dark background with a smooth animation and postprocessing.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DarkVeil/DarkVeil.css" }, { "type": "registry:component", "path": "DarkVeil/DarkVeil.jsx" } ] }, { "name": "DarkVeil-JS-TW", "title": "DarkVeil", "description": "Subtle dark background with a smooth animation and postprocessing.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DarkVeil/DarkVeil.jsx" } ] }, { "name": "DarkVeil-TS-CSS", "title": "DarkVeil", "description": "Subtle dark background with a smooth animation and postprocessing.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DarkVeil/DarkVeil.css" }, { "type": "registry:component", "path": "DarkVeil/DarkVeil.tsx" } ] }, { "name": "DarkVeil-TS-TW", "title": "DarkVeil", "description": "Subtle dark background with a smooth animation and postprocessing.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DarkVeil/DarkVeil.tsx" } ] }, { "name": "Dither-JS-CSS", "title": "Dither", "description": "Retro dithered noise shader background.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/postprocessing@^3.0.4", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dither/Dither.css" }, { "type": "registry:component", "path": "Dither/Dither.jsx" } ] }, { "name": "Dither-JS-TW", "title": "Dither", "description": "Retro dithered noise shader background.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/postprocessing@^3.0.4", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dither/Dither.jsx" } ] }, { "name": "Dither-TS-CSS", "title": "Dither", "description": "Retro dithered noise shader background.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/postprocessing@^3.0.4", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dither/Dither.css" }, { "type": "registry:component", "path": "Dither/Dither.tsx" } ] }, { "name": "Dither-TS-TW", "title": "Dither", "description": "Retro dithered noise shader background.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "@react-three/postprocessing@^3.0.4", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Dither/Dither.tsx" } ] }, { "name": "DotField-JS-CSS", "title": "DotField", "description": "Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotField/DotField.css" }, { "type": "registry:component", "path": "DotField/DotField.jsx" } ] }, { "name": "DotField-JS-TW", "title": "DotField", "description": "Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotField/DotField.jsx" } ] }, { "name": "DotField-TS-CSS", "title": "DotField", "description": "Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotField/DotField.css" }, { "type": "registry:component", "path": "DotField/DotField.tsx" } ] }, { "name": "DotField-TS-TW", "title": "DotField", "description": "Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotField/DotField.tsx" } ] }, { "name": "DotGrid-JS-CSS", "title": "DotGrid", "description": "Animated dot grid with cursor interactions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotGrid/DotGrid.css" }, { "type": "registry:component", "path": "DotGrid/DotGrid.jsx" } ] }, { "name": "DotGrid-JS-TW", "title": "DotGrid", "description": "Animated dot grid with cursor interactions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotGrid/DotGrid.jsx" } ] }, { "name": "DotGrid-TS-CSS", "title": "DotGrid", "description": "Animated dot grid with cursor interactions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotGrid/DotGrid.css" }, { "type": "registry:component", "path": "DotGrid/DotGrid.tsx" } ] }, { "name": "DotGrid-TS-TW", "title": "DotGrid", "description": "Animated dot grid with cursor interactions.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "DotGrid/DotGrid.tsx" } ] }, { "name": "FaultyTerminal-JS-CSS", "title": "FaultyTerminal", "description": "Terminal CRT scanline squares effect with flicker + noise.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.css" }, { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.jsx" } ] }, { "name": "FaultyTerminal-JS-TW", "title": "FaultyTerminal", "description": "Terminal CRT scanline squares effect with flicker + noise.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.jsx" } ] }, { "name": "FaultyTerminal-TS-CSS", "title": "FaultyTerminal", "description": "Terminal CRT scanline squares effect with flicker + noise.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.css" }, { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.tsx" } ] }, { "name": "FaultyTerminal-TS-TW", "title": "FaultyTerminal", "description": "Terminal CRT scanline squares effect with flicker + noise.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FaultyTerminal/FaultyTerminal.tsx" } ] }, { "name": "Galaxy-JS-CSS", "title": "Galaxy", "description": "Parallax realistic starfield with pointer interactions.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Galaxy/Galaxy.css" }, { "type": "registry:component", "path": "Galaxy/Galaxy.jsx" } ] }, { "name": "Galaxy-JS-TW", "title": "Galaxy", "description": "Parallax realistic starfield with pointer interactions.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Galaxy/Galaxy.jsx" } ] }, { "name": "Galaxy-TS-CSS", "title": "Galaxy", "description": "Parallax realistic starfield with pointer interactions.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Galaxy/Galaxy.css" }, { "type": "registry:component", "path": "Galaxy/Galaxy.tsx" } ] }, { "name": "Galaxy-TS-TW", "title": "Galaxy", "description": "Parallax realistic starfield with pointer interactions.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Galaxy/Galaxy.tsx" } ] }, { "name": "GradientBlinds-JS-CSS", "title": "GradientBlinds", "description": "Layered gradient blinds with spotlight and noise distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.css" }, { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.jsx" } ] }, { "name": "GradientBlinds-JS-TW", "title": "GradientBlinds", "description": "Layered gradient blinds with spotlight and noise distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.jsx" } ] }, { "name": "GradientBlinds-TS-CSS", "title": "GradientBlinds", "description": "Layered gradient blinds with spotlight and noise distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.css" }, { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.tsx" } ] }, { "name": "GradientBlinds-TS-TW", "title": "GradientBlinds", "description": "Layered gradient blinds with spotlight and noise distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GradientBlinds/GradientBlinds.tsx" } ] }, { "name": "Lightfall-JS-CSS", "title": "Lightfall", "description": "Colorful light streaks raining down a glowing tunnel with a cursor light.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightfall/Lightfall.css" }, { "type": "registry:component", "path": "Lightfall/Lightfall.jsx" } ] }, { "name": "Lightfall-JS-TW", "title": "Lightfall", "description": "Colorful light streaks raining down a glowing tunnel with a cursor light.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightfall/Lightfall.jsx" } ] }, { "name": "Lightfall-TS-CSS", "title": "Lightfall", "description": "Colorful light streaks raining down a glowing tunnel with a cursor light.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightfall/Lightfall.css" }, { "type": "registry:component", "path": "Lightfall/Lightfall.tsx" } ] }, { "name": "Lightfall-TS-TW", "title": "Lightfall", "description": "Colorful light streaks raining down a glowing tunnel with a cursor light.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightfall/Lightfall.tsx" } ] }, { "name": "Ferrofluid-JS-CSS", "title": "Ferrofluid", "description": "A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.css" }, { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.jsx" } ] }, { "name": "Ferrofluid-JS-TW", "title": "Ferrofluid", "description": "A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.jsx" } ] }, { "name": "Ferrofluid-TS-CSS", "title": "Ferrofluid", "description": "A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.css" }, { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.tsx" } ] }, { "name": "Ferrofluid-TS-TW", "title": "Ferrofluid", "description": "A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Ferrofluid/Ferrofluid.tsx" } ] }, { "name": "Grainient-JS-CSS", "title": "Grainient", "description": "Grainy gradient swirls with soft wave distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Grainient/Grainient.css" }, { "type": "registry:component", "path": "Grainient/Grainient.jsx" } ] }, { "name": "Grainient-JS-TW", "title": "Grainient", "description": "Grainy gradient swirls with soft wave distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Grainient/Grainient.jsx" } ] }, { "name": "Grainient-TS-CSS", "title": "Grainient", "description": "Grainy gradient swirls with soft wave distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Grainient/Grainient.css" }, { "type": "registry:component", "path": "Grainient/Grainient.tsx" } ] }, { "name": "Grainient-TS-TW", "title": "Grainient", "description": "Grainy gradient swirls with soft wave distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Grainient/Grainient.tsx" } ] }, { "name": "GridScan-JS-CSS", "title": "GridScan", "description": "Animated grid room 3D scan effect and cool interactions.", "type": "registry:component", "dependencies": [ "face-api.js@^0.22.2", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridScan/GridScan.css" }, { "type": "registry:component", "path": "GridScan/GridScan.jsx" } ] }, { "name": "GridScan-JS-TW", "title": "GridScan", "description": "Animated grid room 3D scan effect and cool interactions.", "type": "registry:component", "dependencies": [ "face-api.js@^0.22.2", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridScan/GridScan.jsx" } ] }, { "name": "GridScan-TS-CSS", "title": "GridScan", "description": "Animated grid room 3D scan effect and cool interactions.", "type": "registry:component", "dependencies": [ "face-api.js@^0.22.2", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridScan/GridScan.css" }, { "type": "registry:component", "path": "GridScan/GridScan.tsx" } ] }, { "name": "GridScan-TS-TW", "title": "GridScan", "description": "Animated grid room 3D scan effect and cool interactions.", "type": "registry:component", "dependencies": [ "face-api.js@^0.22.2", "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridScan/GridScan.tsx" } ] }, { "name": "GridDistortion-JS-CSS", "title": "GridDistortion", "description": "Warped grid mesh distorts smoothly reacting to cursor.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridDistortion/GridDistortion.css" }, { "type": "registry:component", "path": "GridDistortion/GridDistortion.jsx" } ] }, { "name": "GridDistortion-JS-TW", "title": "GridDistortion", "description": "Warped grid mesh distorts smoothly reacting to cursor.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridDistortion/GridDistortion.jsx" } ] }, { "name": "GridDistortion-TS-CSS", "title": "GridDistortion", "description": "Warped grid mesh distorts smoothly reacting to cursor.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridDistortion/GridDistortion.css" }, { "type": "registry:component", "path": "GridDistortion/GridDistortion.tsx" } ] }, { "name": "GridDistortion-TS-TW", "title": "GridDistortion", "description": "Warped grid mesh distorts smoothly reacting to cursor.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridDistortion/GridDistortion.tsx" } ] }, { "name": "GridMotion-JS-CSS", "title": "GridMotion", "description": "Perspective moving grid lines based on cusror position.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridMotion/GridMotion.css" }, { "type": "registry:component", "path": "GridMotion/GridMotion.jsx" } ] }, { "name": "GridMotion-JS-TW", "title": "GridMotion", "description": "Perspective moving grid lines based on cusror position.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridMotion/GridMotion.jsx" } ] }, { "name": "GridMotion-TS-CSS", "title": "GridMotion", "description": "Perspective moving grid lines based on cusror position.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridMotion/GridMotion.css" }, { "type": "registry:component", "path": "GridMotion/GridMotion.tsx" } ] }, { "name": "GridMotion-TS-TW", "title": "GridMotion", "description": "Perspective moving grid lines based on cusror position.", "type": "registry:component", "dependencies": [ "gsap@^3.13.0" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "GridMotion/GridMotion.tsx" } ] }, { "name": "Hyperspeed-JS-CSS", "title": "Hyperspeed", "description": "Animated lines continuously moving to simulate hyperspace travel on click hold.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Hyperspeed/HyperSpeedPresets.js" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.css" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.jsx" } ] }, { "name": "Hyperspeed-JS-TW", "title": "Hyperspeed", "description": "Animated lines continuously moving to simulate hyperspace travel on click hold.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Hyperspeed/HyperSpeedPresets.js" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.jsx" } ] }, { "name": "Hyperspeed-TS-CSS", "title": "Hyperspeed", "description": "Animated lines continuously moving to simulate hyperspace travel on click hold.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Hyperspeed/HyperSpeedPresets.ts" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.css" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.tsx" } ] }, { "name": "Hyperspeed-TS-TW", "title": "Hyperspeed", "description": "Animated lines continuously moving to simulate hyperspace travel on click hold.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Hyperspeed/HyperSpeedPresets.ts" }, { "type": "registry:component", "path": "Hyperspeed/Hyperspeed.tsx" } ] }, { "name": "Iridescence-JS-CSS", "title": "Iridescence", "description": "Slick iridescent shader with shifting waves.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Iridescence/Iridescence.css" }, { "type": "registry:component", "path": "Iridescence/Iridescence.jsx" } ] }, { "name": "Iridescence-JS-TW", "title": "Iridescence", "description": "Slick iridescent shader with shifting waves.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Iridescence/Iridescence.jsx" } ] }, { "name": "Iridescence-TS-CSS", "title": "Iridescence", "description": "Slick iridescent shader with shifting waves.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Iridescence/Iridescence.css" }, { "type": "registry:component", "path": "Iridescence/Iridescence.tsx" } ] }, { "name": "Iridescence-TS-TW", "title": "Iridescence", "description": "Slick iridescent shader with shifting waves.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Iridescence/Iridescence.tsx" } ] }, { "name": "LetterGlitch-JS-CSS", "title": "LetterGlitch", "description": "Matrix style letter animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LetterGlitch/LetterGlitch.jsx" } ] }, { "name": "LetterGlitch-JS-TW", "title": "LetterGlitch", "description": "Matrix style letter animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LetterGlitch/LetterGlitch.jsx" } ] }, { "name": "LetterGlitch-TS-CSS", "title": "LetterGlitch", "description": "Matrix style letter animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LetterGlitch/LetterGlitch.tsx" } ] }, { "name": "LetterGlitch-TS-TW", "title": "LetterGlitch", "description": "Matrix style letter animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LetterGlitch/LetterGlitch.tsx" } ] }, { "name": "LightRays-JS-CSS", "title": "LightRays", "description": "Volumetric light rays/beams with customizable direction.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightRays/LightRays.css" }, { "type": "registry:component", "path": "LightRays/LightRays.jsx" } ] }, { "name": "LightRays-JS-TW", "title": "LightRays", "description": "Volumetric light rays/beams with customizable direction.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightRays/LightRays.jsx" } ] }, { "name": "LightRays-TS-CSS", "title": "LightRays", "description": "Volumetric light rays/beams with customizable direction.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightRays/LightRays.css" }, { "type": "registry:component", "path": "LightRays/LightRays.tsx" } ] }, { "name": "LightRays-TS-TW", "title": "LightRays", "description": "Volumetric light rays/beams with customizable direction.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightRays/LightRays.tsx" } ] }, { "name": "Lightning-JS-CSS", "title": "Lightning", "description": "Procedural lightning bolts with branching and glow flicker.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightning/Lightning.css" }, { "type": "registry:component", "path": "Lightning/Lightning.jsx" } ] }, { "name": "Lightning-JS-TW", "title": "Lightning", "description": "Procedural lightning bolts with branching and glow flicker.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightning/Lightning.jsx" } ] }, { "name": "Lightning-TS-CSS", "title": "Lightning", "description": "Procedural lightning bolts with branching and glow flicker.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightning/Lightning.css" }, { "type": "registry:component", "path": "Lightning/Lightning.tsx" } ] }, { "name": "Lightning-TS-TW", "title": "Lightning", "description": "Procedural lightning bolts with branching and glow flicker.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Lightning/Lightning.tsx" } ] }, { "name": "LineWaves-JS-CSS", "title": "LineWaves", "description": "Animated line wave pattern with colorful warped distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LineWaves/LineWaves.css" }, { "type": "registry:component", "path": "LineWaves/LineWaves.jsx" } ] }, { "name": "LineWaves-JS-TW", "title": "LineWaves", "description": "Animated line wave pattern with colorful warped distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LineWaves/LineWaves.jsx" } ] }, { "name": "LineWaves-TS-CSS", "title": "LineWaves", "description": "Animated line wave pattern with colorful warped distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LineWaves/LineWaves.css" }, { "type": "registry:component", "path": "LineWaves/LineWaves.tsx" } ] }, { "name": "LineWaves-TS-TW", "title": "LineWaves", "description": "Animated line wave pattern with colorful warped distortion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LineWaves/LineWaves.tsx" } ] }, { "name": "EvilEye-JS-CSS", "title": "EvilEye", "description": "Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "EvilEye/EvilEye.css" }, { "type": "registry:component", "path": "EvilEye/EvilEye.jsx" } ] }, { "name": "EvilEye-JS-TW", "title": "EvilEye", "description": "Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "EvilEye/EvilEye.jsx" } ] }, { "name": "EvilEye-TS-CSS", "title": "EvilEye", "description": "Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "EvilEye/EvilEye.css" }, { "type": "registry:component", "path": "EvilEye/EvilEye.tsx" } ] }, { "name": "EvilEye-TS-TW", "title": "EvilEye", "description": "Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "EvilEye/EvilEye.tsx" } ] }, { "name": "Radar-JS-CSS", "title": "Radar", "description": "Radar sweep effect with concentric rings, radial spokes, and a rotating beam.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Radar/Radar.css" }, { "type": "registry:component", "path": "Radar/Radar.jsx" } ] }, { "name": "Radar-JS-TW", "title": "Radar", "description": "Radar sweep effect with concentric rings, radial spokes, and a rotating beam.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Radar/Radar.jsx" } ] }, { "name": "Radar-TS-CSS", "title": "Radar", "description": "Radar sweep effect with concentric rings, radial spokes, and a rotating beam.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Radar/Radar.css" }, { "type": "registry:component", "path": "Radar/Radar.tsx" } ] }, { "name": "Radar-TS-TW", "title": "Radar", "description": "Radar sweep effect with concentric rings, radial spokes, and a rotating beam.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Radar/Radar.tsx" } ] }, { "name": "SoftAurora-JS-CSS", "title": "SoftAurora", "description": "Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SoftAurora/SoftAurora.css" }, { "type": "registry:component", "path": "SoftAurora/SoftAurora.jsx" } ] }, { "name": "SoftAurora-JS-TW", "title": "SoftAurora", "description": "Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SoftAurora/SoftAurora.jsx" } ] }, { "name": "SoftAurora-TS-CSS", "title": "SoftAurora", "description": "Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SoftAurora/SoftAurora.css" }, { "type": "registry:component", "path": "SoftAurora/SoftAurora.tsx" } ] }, { "name": "SoftAurora-TS-TW", "title": "SoftAurora", "description": "Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SoftAurora/SoftAurora.tsx" } ] }, { "name": "LiquidChrome-JS-CSS", "title": "LiquidChrome", "description": "Liquid metallic chrome shader with flowing reflective surface.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.css" }, { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.jsx" } ] }, { "name": "LiquidChrome-JS-TW", "title": "LiquidChrome", "description": "Liquid metallic chrome shader with flowing reflective surface.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.jsx" } ] }, { "name": "LiquidChrome-TS-CSS", "title": "LiquidChrome", "description": "Liquid metallic chrome shader with flowing reflective surface.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.css" }, { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.tsx" } ] }, { "name": "LiquidChrome-TS-TW", "title": "LiquidChrome", "description": "Liquid metallic chrome shader with flowing reflective surface.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidChrome/LiquidChrome.tsx" } ] }, { "name": "Orb-JS-CSS", "title": "Orb", "description": "Floating energy orb with customizable hover effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Orb/Orb.css" }, { "type": "registry:component", "path": "Orb/Orb.jsx" } ] }, { "name": "Orb-JS-TW", "title": "Orb", "description": "Floating energy orb with customizable hover effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Orb/Orb.jsx" } ] }, { "name": "Orb-TS-CSS", "title": "Orb", "description": "Floating energy orb with customizable hover effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Orb/Orb.css" }, { "type": "registry:component", "path": "Orb/Orb.tsx" } ] }, { "name": "Orb-TS-TW", "title": "Orb", "description": "Floating energy orb with customizable hover effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Orb/Orb.tsx" } ] }, { "name": "Particles-JS-CSS", "title": "Particles", "description": "Configurable particle system.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Particles/Particles.css" }, { "type": "registry:component", "path": "Particles/Particles.jsx" } ] }, { "name": "Particles-JS-TW", "title": "Particles", "description": "Configurable particle system.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Particles/Particles.jsx" } ] }, { "name": "Particles-TS-CSS", "title": "Particles", "description": "Configurable particle system.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Particles/Particles.css" }, { "type": "registry:component", "path": "Particles/Particles.tsx" } ] }, { "name": "Particles-TS-TW", "title": "Particles", "description": "Configurable particle system.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Particles/Particles.tsx" } ] }, { "name": "PixelBlast-JS-CSS", "title": "PixelBlast", "description": "Exploding pixel particle bursts with optional liquid postprocessing.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelBlast/PixelBlast.css" }, { "type": "registry:component", "path": "PixelBlast/PixelBlast.jsx" } ] }, { "name": "PixelBlast-JS-TW", "title": "PixelBlast", "description": "Exploding pixel particle bursts with optional liquid postprocessing.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelBlast/PixelBlast.jsx" } ] }, { "name": "PixelBlast-TS-CSS", "title": "PixelBlast", "description": "Exploding pixel particle bursts with optional liquid postprocessing.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelBlast/PixelBlast.css" }, { "type": "registry:component", "path": "PixelBlast/PixelBlast.tsx" } ] }, { "name": "PixelBlast-TS-TW", "title": "PixelBlast", "description": "Exploding pixel particle bursts with optional liquid postprocessing.", "type": "registry:component", "dependencies": [ "postprocessing@^6.36.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelBlast/PixelBlast.tsx" } ] }, { "name": "Plasma-JS-CSS", "title": "Plasma", "description": "Organic plasma gradients swirl + morph with smooth turbulence.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Plasma/Plasma.css" }, { "type": "registry:component", "path": "Plasma/Plasma.jsx" } ] }, { "name": "Plasma-JS-TW", "title": "Plasma", "description": "Organic plasma gradients swirl + morph with smooth turbulence.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Plasma/Plasma.jsx" } ] }, { "name": "Plasma-TS-CSS", "title": "Plasma", "description": "Organic plasma gradients swirl + morph with smooth turbulence.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Plasma/Plasma.css" }, { "type": "registry:component", "path": "Plasma/Plasma.tsx" } ] }, { "name": "Plasma-TS-TW", "title": "Plasma", "description": "Organic plasma gradients swirl + morph with smooth turbulence.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Plasma/Plasma.tsx" } ] }, { "name": "PlasmaWave-JS-CSS", "title": "PlasmaWave", "description": "Raymarched plasma waves with dual-wave interference and OGL.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.css" }, { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.jsx" } ] }, { "name": "PlasmaWave-JS-TW", "title": "PlasmaWave", "description": "Raymarched plasma waves with dual-wave interference and OGL.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.jsx" } ] }, { "name": "PlasmaWave-TS-CSS", "title": "PlasmaWave", "description": "Raymarched plasma waves with dual-wave interference and OGL.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.css" }, { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.tsx" } ] }, { "name": "PlasmaWave-TS-TW", "title": "PlasmaWave", "description": "Raymarched plasma waves with dual-wave interference and OGL.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PlasmaWave/PlasmaWave.tsx" } ] }, { "name": "Prism-JS-CSS", "title": "Prism", "description": "Rotating prism with configurable intensity, size, and colors.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Prism/Prism.css" }, { "type": "registry:component", "path": "Prism/Prism.jsx" } ] }, { "name": "Prism-JS-TW", "title": "Prism", "description": "Rotating prism with configurable intensity, size, and colors.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Prism/Prism.jsx" } ] }, { "name": "Prism-TS-CSS", "title": "Prism", "description": "Rotating prism with configurable intensity, size, and colors.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Prism/Prism.css" }, { "type": "registry:component", "path": "Prism/Prism.tsx" } ] }, { "name": "Prism-TS-TW", "title": "Prism", "description": "Rotating prism with configurable intensity, size, and colors.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Prism/Prism.tsx" } ] }, { "name": "PrismaticBurst-JS-CSS", "title": "PrismaticBurst", "description": "Burst of light rays with controllable color, distortion, amount.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.css" }, { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.jsx" } ] }, { "name": "PrismaticBurst-JS-TW", "title": "PrismaticBurst", "description": "Burst of light rays with controllable color, distortion, amount.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.jsx" } ] }, { "name": "PrismaticBurst-TS-CSS", "title": "PrismaticBurst", "description": "Burst of light rays with controllable color, distortion, amount.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.css" }, { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.tsx" } ] }, { "name": "PrismaticBurst-TS-TW", "title": "PrismaticBurst", "description": "Burst of light rays with controllable color, distortion, amount.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PrismaticBurst/PrismaticBurst.tsx" } ] }, { "name": "RippleGrid-JS-CSS", "title": "RippleGrid", "description": "A grid that continuously animates with a ripple effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RippleGrid/RippleGrid.css" }, { "type": "registry:component", "path": "RippleGrid/RippleGrid.jsx" } ] }, { "name": "RippleGrid-JS-TW", "title": "RippleGrid", "description": "A grid that continuously animates with a ripple effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RippleGrid/RippleGrid.jsx" } ] }, { "name": "RippleGrid-TS-CSS", "title": "RippleGrid", "description": "A grid that continuously animates with a ripple effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RippleGrid/RippleGrid.css" }, { "type": "registry:component", "path": "RippleGrid/RippleGrid.tsx" } ] }, { "name": "RippleGrid-TS-TW", "title": "RippleGrid", "description": "A grid that continuously animates with a ripple effect.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "RippleGrid/RippleGrid.tsx" } ] }, { "name": "Silk-JS-CSS", "title": "Silk", "description": "Smooth waves background with soft lighting.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Silk/Silk.jsx" } ] }, { "name": "Silk-JS-TW", "title": "Silk", "description": "Smooth waves background with soft lighting.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Silk/Silk.jsx" } ] }, { "name": "Silk-TS-CSS", "title": "Silk", "description": "Smooth waves background with soft lighting.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Silk/Silk.tsx" } ] }, { "name": "Silk-TS-TW", "title": "Silk", "description": "Smooth waves background with soft lighting.", "type": "registry:component", "dependencies": [ "@react-three/fiber@^9.3.0", "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Silk/Silk.tsx" } ] }, { "name": "SideRays-JS-CSS", "title": "SideRays", "description": "Animated light rays emanating from the side with customizable colors and speed.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SideRays/SideRays.css" }, { "type": "registry:component", "path": "SideRays/SideRays.jsx" } ] }, { "name": "SideRays-JS-TW", "title": "SideRays", "description": "Animated light rays emanating from the side with customizable colors and speed.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SideRays/SideRays.jsx" } ] }, { "name": "SideRays-TS-CSS", "title": "SideRays", "description": "Animated light rays emanating from the side with customizable colors and speed.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SideRays/SideRays.css" }, { "type": "registry:component", "path": "SideRays/SideRays.tsx" } ] }, { "name": "SideRays-TS-TW", "title": "SideRays", "description": "Animated light rays emanating from the side with customizable colors and speed.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "SideRays/SideRays.tsx" } ] }, { "name": "ShapeGrid-JS-CSS", "title": "ShapeGrid", "description": "Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.css" }, { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.jsx" } ] }, { "name": "ShapeGrid-JS-TW", "title": "ShapeGrid", "description": "Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.jsx" } ] }, { "name": "ShapeGrid-TS-CSS", "title": "ShapeGrid", "description": "Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.css" }, { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.tsx" } ] }, { "name": "ShapeGrid-TS-TW", "title": "ShapeGrid", "description": "Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "ShapeGrid/ShapeGrid.tsx" } ] }, { "name": "Threads-JS-CSS", "title": "Threads", "description": "Animated pattern of lines forming a fabric-like motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Threads/Threads.css" }, { "type": "registry:component", "path": "Threads/Threads.jsx" } ] }, { "name": "Threads-JS-TW", "title": "Threads", "description": "Animated pattern of lines forming a fabric-like motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Threads/Threads.jsx" } ] }, { "name": "Threads-TS-CSS", "title": "Threads", "description": "Animated pattern of lines forming a fabric-like motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Threads/Threads.css" }, { "type": "registry:component", "path": "Threads/Threads.tsx" } ] }, { "name": "Threads-TS-TW", "title": "Threads", "description": "Animated pattern of lines forming a fabric-like motion.", "type": "registry:component", "dependencies": [ "ogl@^1.0.11" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Threads/Threads.tsx" } ] }, { "name": "Waves-JS-CSS", "title": "Waves", "description": "Layered lines that form smooth wave patterns with animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Waves/Waves.css" }, { "type": "registry:component", "path": "Waves/Waves.jsx" } ] }, { "name": "Waves-JS-TW", "title": "Waves", "description": "Layered lines that form smooth wave patterns with animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Waves/Waves.jsx" } ] }, { "name": "Waves-TS-CSS", "title": "Waves", "description": "Layered lines that form smooth wave patterns with animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Waves/Waves.css" }, { "type": "registry:component", "path": "Waves/Waves.tsx" } ] }, { "name": "Waves-TS-TW", "title": "Waves", "description": "Layered lines that form smooth wave patterns with animation.", "type": "registry:component", "dependencies": [], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "Waves/Waves.tsx" } ] }, { "name": "LiquidEther-JS-CSS", "title": "LiquidEther", "description": "Interactive liquid shader with flowing distortion and customizable colors.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidEther/LiquidEther.css" }, { "type": "registry:component", "path": "LiquidEther/LiquidEther.jsx" } ] }, { "name": "LiquidEther-JS-TW", "title": "LiquidEther", "description": "Interactive liquid shader with flowing distortion and customizable colors.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidEther/LiquidEther.jsx" } ] }, { "name": "LiquidEther-TS-CSS", "title": "LiquidEther", "description": "Interactive liquid shader with flowing distortion and customizable colors.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidEther/LiquidEther.css" }, { "type": "registry:component", "path": "LiquidEther/LiquidEther.tsx" } ] }, { "name": "LiquidEther-TS-TW", "title": "LiquidEther", "description": "Interactive liquid shader with flowing distortion and customizable colors.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LiquidEther/LiquidEther.tsx" } ] }, { "name": "FloatingLines-JS-CSS", "title": "FloatingLines", "description": "3D floating lines that react to cursor movement.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FloatingLines/FloatingLines.css" }, { "type": "registry:component", "path": "FloatingLines/FloatingLines.jsx" } ] }, { "name": "FloatingLines-JS-TW", "title": "FloatingLines", "description": "3D floating lines that react to cursor movement.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FloatingLines/FloatingLines.jsx" } ] }, { "name": "FloatingLines-TS-CSS", "title": "FloatingLines", "description": "3D floating lines that react to cursor movement.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FloatingLines/FloatingLines.css" }, { "type": "registry:component", "path": "FloatingLines/FloatingLines.tsx" } ] }, { "name": "FloatingLines-TS-TW", "title": "FloatingLines", "description": "3D floating lines that react to cursor movement.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "FloatingLines/FloatingLines.tsx" } ] }, { "name": "LightPillar-JS-CSS", "title": "LightPillar", "description": "Vertical pillar of light with glow effects.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightPillar/LightPillar.css" }, { "type": "registry:component", "path": "LightPillar/LightPillar.jsx" } ] }, { "name": "LightPillar-JS-TW", "title": "LightPillar", "description": "Vertical pillar of light with glow effects.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightPillar/LightPillar.jsx" } ] }, { "name": "LightPillar-TS-CSS", "title": "LightPillar", "description": "Vertical pillar of light with glow effects.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightPillar/LightPillar.css" }, { "type": "registry:component", "path": "LightPillar/LightPillar.tsx" } ] }, { "name": "LightPillar-TS-TW", "title": "LightPillar", "description": "Vertical pillar of light with glow effects.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "LightPillar/LightPillar.tsx" } ] }, { "name": "PixelSnow-JS-CSS", "title": "PixelSnow", "description": "Falling pixelated snow effect with customizable density and speed.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelSnow/PixelSnow.css" }, { "type": "registry:component", "path": "PixelSnow/PixelSnow.jsx" } ] }, { "name": "PixelSnow-JS-TW", "title": "PixelSnow", "description": "Falling pixelated snow effect with customizable density and speed.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelSnow/PixelSnow.jsx" } ] }, { "name": "PixelSnow-TS-CSS", "title": "PixelSnow", "description": "Falling pixelated snow effect with customizable density and speed.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelSnow/PixelSnow.css" }, { "type": "registry:component", "path": "PixelSnow/PixelSnow.tsx" } ] }, { "name": "PixelSnow-TS-TW", "title": "PixelSnow", "description": "Falling pixelated snow effect with customizable density and speed.", "type": "registry:component", "dependencies": [ "three@^0.167.1" ], "registryDependencies": [], "files": [ { "type": "registry:component", "path": "PixelSnow/PixelSnow.tsx" } ] } ] }