https:/reactbits.dev/ts/default

{ "meta": { "authors": [ "David Haz" ], "bugs": "https://github.com/DavidHDev/react-bits/issues", "description": "An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.", "homepage": "https://reactbits.dev", "repository": "https://github.com/DavidHDev/react-bits", "tags": [ "react", "javascript", "components", "web", "reactjs", "css-animations", "component-library", "ui-components", "3d", "ui-library", "tailwind", "tailwindcss", "components", "components-library" ] }, "categories": [ { "name": "Animations", "blocks": [ { "name": "AnimatedContent", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/AnimatedContent", "subdirectory": true, "files": [ "AnimatedContent.tsx" ], "_imports_": {} }, { "name": "BlobCursor", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/BlobCursor", "subdirectory": true, "files": [ "BlobCursor.css", "BlobCursor.tsx" ], "_imports_": {} }, { "name": "ClickSpark", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/ClickSpark", "subdirectory": true, "files": [ "ClickSpark.tsx" ], "_imports_": {} }, { "name": "Crosshair", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/Crosshair", "subdirectory": true, "files": [ "Crosshair.tsx" ], "_imports_": {} }, { "name": "FadeContent", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/FadeContent", "subdirectory": true, "files": [ "FadeContent.tsx" ], "_imports_": {} }, { "name": "FollowCursor", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/FollowCursor", "subdirectory": true, "files": [ "FollowCursor.css", "FollowCursor.tsx" ], "_imports_": {} }, { "name": "ImageTrail", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/ImageTrail", "subdirectory": true, "files": [ "ImageTrail.css", "ImageTrail.tsx" ], "_imports_": {} }, { "name": "Magnet", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/Magnet", "subdirectory": true, "files": [ "Magnet.tsx" ], "_imports_": {} }, { "name": "MagnetLines", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/MagnetLines", "subdirectory": true, "files": [ "MagnetLines.css", "MagnetLines.tsx" ], "_imports_": {} }, { "name": "MetaBalls", "category": "Animations", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/MetaBalls", "subdirectory": true, "files": [ "MetaBalls.css", "MetaBalls.tsx" ], "_imports_": {} }, { "name": "MetallicPaint", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/MetallicPaint", "subdirectory": true, "files": [ "MetallicPaint.css", "MetallicPaint.tsx" ], "_imports_": {} }, { "name": "Noise", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/Noise", "subdirectory": true, "files": [ "Noise.css", "Noise.tsx" ], "_imports_": {} }, { "name": "PixelTrail", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-three/fiber@^8.17.14", "@react-three/drei@^9.121.4", "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/PixelTrail", "subdirectory": true, "files": [ "PixelTrail.css", "PixelTrail.tsx" ], "_imports_": {} }, { "name": "PixelTransition", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/PixelTransition", "subdirectory": true, "files": [ "PixelTransition.css", "PixelTransition.tsx" ], "_imports_": {} }, { "name": "Ribbons", "category": "Animations", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/Ribbons", "subdirectory": true, "files": [ "Ribbons.css", "Ribbons.tsx" ], "_imports_": {} }, { "name": "SplashCursor", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/SplashCursor", "subdirectory": true, "files": [ "SplashCursor.tsx" ], "_imports_": {} }, { "name": "StarBorder", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Animations/StarBorder", "subdirectory": true, "files": [ "StarBorder.css", "StarBorder.tsx" ], "_imports_": {} } ] }, { "name": "Backgrounds", "blocks": [ { "name": "Aurora", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Aurora", "subdirectory": true, "files": [ "Aurora.css", "Aurora.tsx" ], "_imports_": {} }, { "name": "Balatro", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Balatro", "subdirectory": true, "files": [ "Balatro.css", "Balatro.tsx" ], "_imports_": {} }, { "name": "Ballpit", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1", "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Ballpit", "subdirectory": true, "files": [ "Ballpit.tsx" ], "_imports_": {} }, { "name": "Dither", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "@react-three/fiber@^8.17.14", "@react-three/postprocessing@^2.19.1", "postprocessing@^6.36.0", "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Dither", "subdirectory": true, "files": [ "Dither.css", "Dither.tsx" ], "_imports_": {} }, { "name": "GridDistortion", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/GridDistortion", "subdirectory": true, "files": [ "GridDistortion.css", "GridDistortion.tsx" ], "_imports_": {} }, { "name": "GridMotion", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/GridMotion", "subdirectory": true, "files": [ "GridMotion.css", "GridMotion.tsx" ], "_imports_": {} }, { "name": "Hyperspeed", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1", "postprocessing@^6.36.0" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Hyperspeed", "subdirectory": true, "files": [ "HyperSpeedPresets.ts", "Hyperspeed.css", "Hyperspeed.tsx" ], "_imports_": {} }, { "name": "Iridescence", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Iridescence", "subdirectory": true, "files": [ "Iridescence.css", "Iridescence.tsx" ], "_imports_": {} }, { "name": "LetterGlitch", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/LetterGlitch", "subdirectory": true, "files": [ "LetterGlitch.tsx" ], "_imports_": {} }, { "name": "Lightning", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Lightning", "subdirectory": true, "files": [ "Lightning.css", "Lightning.tsx" ], "_imports_": {} }, { "name": "LiquidChrome", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/LiquidChrome", "subdirectory": true, "files": [ "LiquidChrome.css", "LiquidChrome.tsx" ], "_imports_": {} }, { "name": "Orb", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Orb", "subdirectory": true, "files": [ "Orb.css", "Orb.tsx" ], "_imports_": {} }, { "name": "Particles", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Particles", "subdirectory": true, "files": [ "Particles.css", "Particles.tsx" ], "_imports_": {} }, { "name": "ShapeBlur", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/ShapeBlur", "subdirectory": true, "files": [ "ShapeBlur.tsx" ], "_imports_": {} }, { "name": "Squares", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Squares", "subdirectory": true, "files": [ "Squares.css", "Squares.tsx" ], "_imports_": {} }, { "name": "Threads", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Threads", "subdirectory": true, "files": [ "Threads.css", "Threads.tsx" ], "_imports_": {} }, { "name": "Waves", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Backgrounds/Waves", "subdirectory": true, "files": [ "Waves.css", "Waves.tsx" ], "_imports_": {} } ] }, { "name": "Components", "blocks": [ { "name": "AnimatedList", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/AnimatedList", "subdirectory": true, "files": [ "AnimatedList.css", "AnimatedList.tsx" ], "_imports_": {} }, { "name": "BounceCards", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/BounceCards", "subdirectory": true, "files": [ "BounceCards.css", "BounceCards.tsx" ], "_imports_": {} }, { "name": "Carousel", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24", "react-icons@^5.2.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Carousel", "subdirectory": true, "files": [ "Carousel.css", "Carousel.tsx" ], "_imports_": {} }, { "name": "CircularGallery", "category": "Components", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/CircularGallery", "subdirectory": true, "files": [ "CircularGallery.css", "CircularGallery.tsx" ], "_imports_": {} }, { "name": "Counter", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Counter", "subdirectory": true, "files": [ "Counter.css", "Counter.tsx" ], "_imports_": {} }, { "name": "DecayCard", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/DecayCard", "subdirectory": true, "files": [ "DecayCard.css", "DecayCard.tsx" ], "_imports_": {} }, { "name": "Dock", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Dock", "subdirectory": true, "files": [ "Dock.css", "Dock.tsx" ], "_imports_": {} }, { "name": "ElasticSlider", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24", "@chakra-ui/react@^2.8.2", "react-icons@^5.2.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/ElasticSlider", "subdirectory": true, "files": [ "ElasticSlider.css", "ElasticSlider.tsx" ], "_imports_": {} }, { "name": "FlowingMenu", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/FlowingMenu", "subdirectory": true, "files": [ "FlowingMenu.css", "FlowingMenu.tsx" ], "_imports_": {} }, { "name": "FlyingPosters", "category": "Components", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/FlyingPosters", "subdirectory": true, "files": [ "FlyingPosters.css", "FlyingPosters.tsx" ], "_imports_": {} }, { "name": "Folder", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Folder", "subdirectory": true, "files": [ "Folder.css", "Folder.tsx" ], "_imports_": {} }, { "name": "GlassIcons", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/GlassIcons", "subdirectory": true, "files": [ "GlassIcons.css", "GlassIcons.tsx" ], "_imports_": {} }, { "name": "GooeyNav", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/GooeyNav", "subdirectory": true, "files": [ "GooeyNav.css", "GooeyNav.tsx" ], "_imports_": {} }, { "name": "InfiniteMenu", "category": "Components", "localDependencies": [], "dependencies": [ "gl-matrix@^3.4.3" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/InfiniteMenu", "subdirectory": true, "files": [ "InfiniteMenu.css", "InfiniteMenu.tsx" ], "_imports_": {} }, { "name": "InfiniteScroll", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/InfiniteScroll", "subdirectory": true, "files": [ "InfiniteScroll.css", "InfiniteScroll.tsx" ], "_imports_": {} }, { "name": "Lanyard", "category": "Components", "localDependencies": [], "dependencies": [ "@react-three/fiber@^8.17.14", "@react-three/drei@^9.121.4", "@react-three/rapier@^1.4.0", "meshline@^3.3.1", "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Lanyard", "subdirectory": true, "files": [ "Lanyard.css", "Lanyard.tsx", "card.glb", "lanyard.png" ], "_imports_": {} }, { "name": "Masonry", "category": "Components", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Masonry", "subdirectory": true, "files": [ "Masonry.css", "Masonry.tsx" ], "_imports_": {} }, { "name": "PixelCard", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/PixelCard", "subdirectory": true, "files": [ "PixelCard.css", "PixelCard.tsx" ], "_imports_": {} }, { "name": "RollingGallery", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/RollingGallery", "subdirectory": true, "files": [ "RollingGallery.css", "RollingGallery.tsx" ], "_imports_": {} }, { "name": "SpotlightCard", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/SpotlightCard", "subdirectory": true, "files": [ "SpotlightCard.css", "SpotlightCard.tsx" ], "_imports_": {} }, { "name": "Stack", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Stack", "subdirectory": true, "files": [ "Stack.css", "Stack.tsx" ], "_imports_": {} }, { "name": "Stepper", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/Stepper", "subdirectory": true, "files": [ "Stepper.css", "Stepper.tsx" ], "_imports_": {} }, { "name": "TiltedCard", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/Components/TiltedCard", "subdirectory": true, "files": [ "TiltedCard.css", "TiltedCard.tsx" ], "_imports_": {} } ] }, { "name": "TextAnimations", "blocks": [ { "name": "ASCIIText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/ASCIIText", "subdirectory": true, "files": [ "ASCIIText.tsx" ], "_imports_": {} }, { "name": "BlurText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/BlurText", "subdirectory": true, "files": [ "BlurText.tsx" ], "_imports_": {} }, { "name": "CircularText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/CircularText", "subdirectory": true, "files": [ "CircularText.css", "CircularText.tsx" ], "_imports_": {} }, { "name": "CountUp", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/CountUp", "subdirectory": true, "files": [ "CountUp.tsx" ], "_imports_": {} }, { "name": "DecryptedText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/DecryptedText", "subdirectory": true, "files": [ "DecryptedText.tsx" ], "_imports_": {} }, { "name": "FallingText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "matter-js@^0.20.0" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/FallingText", "subdirectory": true, "files": [ "FallingText.css", "FallingText.tsx" ], "_imports_": {} }, { "name": "FuzzyText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/FuzzyText", "subdirectory": true, "files": [ "FuzzyText.tsx" ], "_imports_": {} }, { "name": "GlitchText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/GlitchText", "subdirectory": true, "files": [ "GlitchText.css", "GlitchText.tsx" ], "_imports_": {} }, { "name": "GradientText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/GradientText", "subdirectory": true, "files": [ "GradientText.css", "GradientText.tsx" ], "_imports_": {} }, { "name": "RotatingText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/RotatingText", "subdirectory": true, "files": [ "RotatingText.css", "RotatingText.tsx" ], "_imports_": {} }, { "name": "ScrollFloat", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/ScrollFloat", "subdirectory": true, "files": [ "ScrollFloat.css", "ScrollFloat.tsx" ], "_imports_": {} }, { "name": "ScrollReveal", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/ScrollReveal", "subdirectory": true, "files": [ "ScrollReveal.css", "ScrollReveal.tsx" ], "_imports_": {} }, { "name": "ScrollVelocity", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/ScrollVelocity", "subdirectory": true, "files": [ "ScrollVelocity.css", "ScrollVelocity.tsx" ], "_imports_": {} }, { "name": "ShinyText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/ShinyText", "subdirectory": true, "files": [ "ShinyText.css", "ShinyText.tsx" ], "_imports_": {} }, { "name": "SplitText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/SplitText", "subdirectory": true, "files": [ "SplitText.tsx" ], "_imports_": {} }, { "name": "TextCursor", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/TextCursor", "subdirectory": true, "files": [ "TextCursor.css", "TextCursor.tsx" ], "_imports_": {} }, { "name": "TextPressure", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/TextPressure", "subdirectory": true, "files": [ "TextPressure.tsx" ], "_imports_": {} }, { "name": "TrueFocus", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/TrueFocus", "subdirectory": true, "files": [ "TrueFocus.css", "TrueFocus.tsx" ], "_imports_": {} }, { "name": "VariableProximity", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/ts-default/TextAnimations/VariableProximity", "subdirectory": true, "files": [ "VariableProximity.css", "VariableProximity.tsx" ], "_imports_": {} } ] } ] }