https:/reactbits.dev/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/content/Animations/AnimatedContent", "subdirectory": true, "files": [ "AnimatedContent.jsx" ], "_imports_": {} }, { "name": "BlobCursor", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/BlobCursor", "subdirectory": true, "files": [ "BlobCursor.css", "BlobCursor.jsx" ], "_imports_": {} }, { "name": "ClickSpark", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/ClickSpark", "subdirectory": true, "files": [ "ClickSpark.jsx" ], "_imports_": {} }, { "name": "Crosshair", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/Crosshair", "subdirectory": true, "files": [ "Crosshair.jsx" ], "_imports_": {} }, { "name": "FadeContent", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/FadeContent", "subdirectory": true, "files": [ "FadeContent.jsx" ], "_imports_": {} }, { "name": "FollowCursor", "category": "Animations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/FollowCursor", "subdirectory": true, "files": [ "FollowCursor.css", "FollowCursor.jsx" ], "_imports_": {} }, { "name": "ImageTrail", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/ImageTrail", "subdirectory": true, "files": [ "ImageTrail.css", "ImageTrail.jsx" ], "_imports_": {} }, { "name": "Magnet", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/Magnet", "subdirectory": true, "files": [ "Magnet.jsx" ], "_imports_": {} }, { "name": "MagnetLines", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/MagnetLines", "subdirectory": true, "files": [ "MagnetLines.css", "MagnetLines.jsx" ], "_imports_": {} }, { "name": "MetaBalls", "category": "Animations", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/MetaBalls", "subdirectory": true, "files": [ "MetaBalls.css", "MetaBalls.jsx" ], "_imports_": {} }, { "name": "MetallicPaint", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/MetallicPaint", "subdirectory": true, "files": [ "MetallicPaint.css", "MetallicPaint.jsx" ], "_imports_": {} }, { "name": "Noise", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/Noise", "subdirectory": true, "files": [ "Noise.css", "Noise.jsx" ], "_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/content/Animations/PixelTrail", "subdirectory": true, "files": [ "PixelTrail.css", "PixelTrail.jsx" ], "_imports_": {} }, { "name": "PixelTransition", "category": "Animations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/PixelTransition", "subdirectory": true, "files": [ "PixelTransition.css", "PixelTransition.jsx" ], "_imports_": {} }, { "name": "Ribbons", "category": "Animations", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/Ribbons", "subdirectory": true, "files": [ "Ribbons.css", "Ribbons.jsx" ], "_imports_": {} }, { "name": "SplashCursor", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/SplashCursor", "subdirectory": true, "files": [ "SplashCursor.jsx" ], "_imports_": {} }, { "name": "StarBorder", "category": "Animations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Animations/StarBorder", "subdirectory": true, "files": [ "StarBorder.css", "StarBorder.jsx" ], "_imports_": {} } ] }, { "name": "Backgrounds", "blocks": [ { "name": "Aurora", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Aurora", "subdirectory": true, "files": [ "Aurora.css", "Aurora.jsx" ], "_imports_": {} }, { "name": "Balatro", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Balatro", "subdirectory": true, "files": [ "Balatro.css", "Balatro.jsx" ], "_imports_": {} }, { "name": "Ballpit", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Ballpit", "subdirectory": true, "files": [ "Ballpit.jsx" ], "_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/content/Backgrounds/Dither", "subdirectory": true, "files": [ "Dither.css", "Dither.jsx" ], "_imports_": {} }, { "name": "GridDistortion", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/GridDistortion", "subdirectory": true, "files": [ "GridDistortion.css", "GridDistortion.jsx" ], "_imports_": {} }, { "name": "GridMotion", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/GridMotion", "subdirectory": true, "files": [ "GridMotion.css", "GridMotion.jsx" ], "_imports_": {} }, { "name": "Hyperspeed", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1", "postprocessing@^6.36.0" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Hyperspeed", "subdirectory": true, "files": [ "HyperSpeedPresets.js", "Hyperspeed.css", "Hyperspeed.jsx" ], "_imports_": {} }, { "name": "Iridescence", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Iridescence", "subdirectory": true, "files": [ "Iridescence.css", "Iridescence.jsx" ], "_imports_": {} }, { "name": "LetterGlitch", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/LetterGlitch", "subdirectory": true, "files": [ "LetterGlitch.jsx" ], "_imports_": {} }, { "name": "Lightning", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Lightning", "subdirectory": true, "files": [ "Lightning.css", "Lightning.jsx" ], "_imports_": {} }, { "name": "LiquidChrome", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/LiquidChrome", "subdirectory": true, "files": [ "LiquidChrome.css", "LiquidChrome.jsx" ], "_imports_": {} }, { "name": "Orb", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Orb", "subdirectory": true, "files": [ "Orb.css", "Orb.jsx" ], "_imports_": {} }, { "name": "Particles", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Particles", "subdirectory": true, "files": [ "Particles.css", "Particles.jsx" ], "_imports_": {} }, { "name": "ShapeBlur", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/ShapeBlur", "subdirectory": true, "files": [ "ShapeBlur.jsx" ], "_imports_": {} }, { "name": "Squares", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Squares", "subdirectory": true, "files": [ "Squares.css", "Squares.jsx" ], "_imports_": {} }, { "name": "Threads", "category": "Backgrounds", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Threads", "subdirectory": true, "files": [ "Threads.css", "Threads.jsx" ], "_imports_": {} }, { "name": "Waves", "category": "Backgrounds", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Backgrounds/Waves", "subdirectory": true, "files": [ "Waves.css", "Waves.jsx" ], "_imports_": {} } ] }, { "name": "Components", "blocks": [ { "name": "AnimatedList", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/AnimatedList", "subdirectory": true, "files": [ "AnimatedList.css", "AnimatedList.jsx" ], "_imports_": {} }, { "name": "BounceCards", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/BounceCards", "subdirectory": true, "files": [ "BounceCards.css", "BounceCards.jsx" ], "_imports_": {} }, { "name": "Carousel", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24", "react-icons@^5.2.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Carousel", "subdirectory": true, "files": [ "Carousel.css", "Carousel.jsx" ], "_imports_": {} }, { "name": "CircularGallery", "category": "Components", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/CircularGallery", "subdirectory": true, "files": [ "CircularGallery.css", "CircularGallery.jsx" ], "_imports_": {} }, { "name": "Counter", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Counter", "subdirectory": true, "files": [ "Counter.css", "Counter.jsx" ], "_imports_": {} }, { "name": "DecayCard", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/DecayCard", "subdirectory": true, "files": [ "DecayCard.css", "DecayCard.jsx" ], "_imports_": {} }, { "name": "Dock", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Dock", "subdirectory": true, "files": [ "Dock.css", "Dock.jsx" ], "_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/content/Components/ElasticSlider", "subdirectory": true, "files": [ "ElasticSlider.css", "ElasticSlider.jsx" ], "_imports_": {} }, { "name": "FlowingMenu", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/FlowingMenu", "subdirectory": true, "files": [ "FlowingMenu.css", "FlowingMenu.jsx" ], "_imports_": {} }, { "name": "FlyingPosters", "category": "Components", "localDependencies": [], "dependencies": [ "ogl@^1.0.11" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/FlyingPosters", "subdirectory": true, "files": [ "FlyingPosters.css", "FlyingPosters.jsx" ], "_imports_": {} }, { "name": "Folder", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Folder", "subdirectory": true, "files": [ "Folder.css", "Folder.jsx" ], "_imports_": {} }, { "name": "GlassIcons", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/GlassIcons", "subdirectory": true, "files": [ "GlassIcons.css", "GlassIcons.jsx" ], "_imports_": {} }, { "name": "GooeyNav", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/GooeyNav", "subdirectory": true, "files": [ "GooeyNav.css", "GooeyNav.jsx" ], "_imports_": {} }, { "name": "InfiniteMenu", "category": "Components", "localDependencies": [], "dependencies": [ "gl-matrix@^3.4.3" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/InfiniteMenu", "subdirectory": true, "files": [ "InfiniteMenu.css", "InfiniteMenu.jsx" ], "_imports_": {} }, { "name": "InfiniteScroll", "category": "Components", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/InfiniteScroll", "subdirectory": true, "files": [ "InfiniteScroll.css", "InfiniteScroll.jsx" ], "_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/content/Components/Lanyard", "subdirectory": true, "files": [ "Lanyard.css", "Lanyard.jsx", "card.glb", "lanyard.png" ], "_imports_": {} }, { "name": "Masonry", "category": "Components", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Masonry", "subdirectory": true, "files": [ "Masonry.css", "Masonry.jsx" ], "_imports_": {} }, { "name": "PixelCard", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/PixelCard", "subdirectory": true, "files": [ "PixelCard.css", "PixelCard.jsx" ], "_imports_": {} }, { "name": "RollingGallery", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/RollingGallery", "subdirectory": true, "files": [ "RollingGallery.css", "RollingGallery.jsx" ], "_imports_": {} }, { "name": "SpotlightCard", "category": "Components", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/SpotlightCard", "subdirectory": true, "files": [ "SpotlightCard.css", "SpotlightCard.jsx" ], "_imports_": {} }, { "name": "Stack", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Stack", "subdirectory": true, "files": [ "Stack.css", "Stack.jsx" ], "_imports_": {} }, { "name": "Stepper", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/Stepper", "subdirectory": true, "files": [ "Stepper.css", "Stepper.jsx" ], "_imports_": {} }, { "name": "TiltedCard", "category": "Components", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/Components/TiltedCard", "subdirectory": true, "files": [ "TiltedCard.css", "TiltedCard.jsx" ], "_imports_": {} } ] }, { "name": "TextAnimations", "blocks": [ { "name": "ASCIIText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "three@^0.167.1" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/ASCIIText", "subdirectory": true, "files": [ "ASCIIText.jsx" ], "_imports_": {} }, { "name": "BlurText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/BlurText", "subdirectory": true, "files": [ "BlurText.jsx" ], "_imports_": {} }, { "name": "CircularText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/CircularText", "subdirectory": true, "files": [ "CircularText.css", "CircularText.jsx" ], "_imports_": {} }, { "name": "CountUp", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/CountUp", "subdirectory": true, "files": [ "CountUp.jsx" ], "_imports_": {} }, { "name": "DecryptedText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/DecryptedText", "subdirectory": true, "files": [ "DecryptedText.jsx" ], "_imports_": {} }, { "name": "FallingText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "matter-js@^0.20.0" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/FallingText", "subdirectory": true, "files": [ "FallingText.css", "FallingText.jsx" ], "_imports_": {} }, { "name": "FuzzyText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/FuzzyText", "subdirectory": true, "files": [ "FuzzyText.jsx" ], "_imports_": {} }, { "name": "GlitchText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/GlitchText", "subdirectory": true, "files": [ "GlitchText.css", "GlitchText.jsx" ], "_imports_": {} }, { "name": "GradientText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/GradientText", "subdirectory": true, "files": [ "GradientText.css", "GradientText.jsx" ], "_imports_": {} }, { "name": "RotatingText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/RotatingText", "subdirectory": true, "files": [ "RotatingText.css", "RotatingText.jsx" ], "_imports_": {} }, { "name": "ScrollFloat", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/ScrollFloat", "subdirectory": true, "files": [ "ScrollFloat.css", "ScrollFloat.jsx" ], "_imports_": {} }, { "name": "ScrollReveal", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "gsap@^3.12.5" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/ScrollReveal", "subdirectory": true, "files": [ "ScrollReveal.css", "ScrollReveal.jsx" ], "_imports_": {} }, { "name": "ScrollVelocity", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/ScrollVelocity", "subdirectory": true, "files": [ "ScrollVelocity.css", "ScrollVelocity.jsx" ], "_imports_": {} }, { "name": "ShinyText", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/ShinyText", "subdirectory": true, "files": [ "ShinyText.css", "ShinyText.jsx" ], "_imports_": {} }, { "name": "SplitText", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "@react-spring/web@^9.7.4" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/SplitText", "subdirectory": true, "files": [ "SplitText.jsx" ], "_imports_": {} }, { "name": "TextCursor", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/TextCursor", "subdirectory": true, "files": [ "TextCursor.css", "TextCursor.jsx" ], "_imports_": {} }, { "name": "TextPressure", "category": "TextAnimations", "localDependencies": [], "dependencies": [], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/TextPressure", "subdirectory": true, "files": [ "TextPressure.jsx" ], "_imports_": {} }, { "name": "TrueFocus", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/TrueFocus", "subdirectory": true, "files": [ "TrueFocus.css", "TrueFocus.jsx" ], "_imports_": {} }, { "name": "VariableProximity", "category": "TextAnimations", "localDependencies": [], "dependencies": [ "framer-motion@^11.3.24" ], "devDependencies": [], "tests": false, "list": true, "directory": "src/content/TextAnimations/VariableProximity", "subdirectory": true, "files": [ "VariableProximity.css", "VariableProximity.jsx" ], "_imports_": {} } ] } ] }