https:/reactbits.dev/tailwind
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
jsrepo init https:/reactbits.dev/tailwind
Welcome to React Bits, the go-to open source library for high quality animated React components!
This registry contains the JavaScript variant of the tailwind registry.
Files
- AnimatedContent.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- BlobCursor.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- ClickSpark.jsx
Remote Dependencies
Local Dependencies
Files
- Crosshair.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- FadeContent.jsx
Remote Dependencies
Local Dependencies
Files
- GlareHover.jsx
Remote Dependencies
Local Dependencies
Files
- ImageTrail.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- Magnet.jsx
Remote Dependencies
Local Dependencies
Files
- MagnetLines.jsx
Remote Dependencies
Local Dependencies
Files
- MetaBalls.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- MetallicPaint.jsx
Remote Dependencies
Local Dependencies
Files
- Noise.jsx
Remote Dependencies
Local Dependencies
Files
- PixelTrail.jsx
Remote Dependencies
- @react-three/fiber@^8.17.14
- @react-three/drei@^9.121.4
- three@^0.167.1
Local Dependencies
Files
- PixelTransition.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- Ribbons.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- SplashCursor.jsx
Remote Dependencies
Local Dependencies
Files
- StarBorder.jsx
Remote Dependencies
Local Dependencies
Files
- Aurora.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Balatro.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Ballpit.jsx
Remote Dependencies
- three@^0.167.1
Local Dependencies
Files
- Beams.jsx
Remote Dependencies
- three@^0.167.1
- @react-three/fiber@^8.17.14
- @react-three/drei@^9.121.4
Local Dependencies
Files
- Dither.jsx
Remote Dependencies
- @react-three/fiber@^8.17.14
- @react-three/postprocessing@^2.19.1
- postprocessing@^6.36.0
- three@^0.167.1
Local Dependencies
Files
- DotGrid.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- GridDistortion.jsx
Remote Dependencies
- three@^0.167.1
Local Dependencies
Files
- GridMotion.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- HyperSpeedPresets.js
- Hyperspeed.jsx
Remote Dependencies
- three@^0.167.1
- postprocessing@^6.36.0
Local Dependencies
Files
- Iridescence.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- LetterGlitch.jsx
Remote Dependencies
Local Dependencies
Files
- Lightning.jsx
Remote Dependencies
Local Dependencies
Files
- LiquidChrome.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Orb.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Particles.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- ShapeBlur.jsx
Remote Dependencies
- three@^0.167.1
Local Dependencies
Files
- Silk.jsx
Remote Dependencies
- @react-three/fiber@^8.17.14
- three@^0.167.1
Local Dependencies
Files
- Squares.jsx
Remote Dependencies
Local Dependencies
Files
- Threads.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Waves.jsx
Remote Dependencies
Local Dependencies
Files
- AnimatedList.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- BounceCards.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- CardSwap.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- Carousel.jsx
Remote Dependencies
- framer-motion@^11.3.24
- react-icons@^5.2.1
Local Dependencies
Files
- ChromaGrid.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- CircularGallery.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Counter.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- DecayCard.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- Dock.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- ElasticSlider.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- FlowingMenu.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- FlyingPosters.jsx
Remote Dependencies
- ogl@^1.0.11
Local Dependencies
Files
- Folder.jsx
Remote Dependencies
Local Dependencies
Files
- GlassIcons.jsx
Remote Dependencies
Local Dependencies
Files
- GooeyNav.jsx
Remote Dependencies
Local Dependencies
Files
- InfiniteMenu.jsx
Remote Dependencies
- gl-matrix@^3.4.3
Local Dependencies
Files
- InfiniteScroll.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- Lanyard.jsx
- card.glb
- lanyard.png
Remote 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
Local Dependencies
Files
- PixelCard.jsx
Remote Dependencies
Local Dependencies
Files
- RollingGallery.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- SpotlightCard.jsx
Remote Dependencies
Local Dependencies
Files
- Stack.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- Stepper.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- TiltedCard.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- ASCIIText.jsx
Remote Dependencies
- three@^0.167.1
Local Dependencies
Files
- BlurText.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- CircularText.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- CountUp.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- DecryptedText.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- FallingText.jsx
Remote Dependencies
- matter-js@^0.20.0
Local Dependencies
Files
- FuzzyText.jsx
Remote Dependencies
Local Dependencies
Files
- GlitchText.jsx
Remote Dependencies
Local Dependencies
Files
- GradientText.jsx
Remote Dependencies
Local Dependencies
Files
- RotatingText.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- ScrambledText.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- ScrollFloat.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- ScrollReveal.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- ScrollVelocity.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- ShinyText.jsx
Remote Dependencies
Local Dependencies
Files
- SplitText.jsx
Remote Dependencies
- gsap@^3.13.0
Local Dependencies
Files
- TextCursor.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- TextPressure.jsx
Remote Dependencies
Local Dependencies
Files
- TrueFocus.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Files
- VariableProximity.jsx
Remote Dependencies
- framer-motion@^11.3.24
Local Dependencies
Package | Version |
---|---|
gsap | ^3.13.0 |
ogl | ^1.0.11 |
@react-three/fiber | ^8.17.14 |
@react-three/drei | ^9.121.4 |
three | ^0.167.1 |
@react-three/postprocessing | ^2.19.1 |
postprocessing | ^6.36.0 |
framer-motion | ^11.3.24 |
react-icons | ^5.2.1 |
gl-matrix | ^3.4.3 |
@react-three/rapier | ^1.4.0 |
meshline | ^3.3.1 |
matter-js | ^0.20.0 |
{
"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": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/AnimatedContent",
"subdirectory": true,
"files": [
"AnimatedContent.jsx"
],
"_imports_": {}
},
{
"name": "BlobCursor",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/BlobCursor",
"subdirectory": true,
"files": [
"BlobCursor.jsx"
],
"_imports_": {}
},
{
"name": "ClickSpark",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/ClickSpark",
"subdirectory": true,
"files": [
"ClickSpark.jsx"
],
"_imports_": {}
},
{
"name": "Crosshair",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/Crosshair",
"subdirectory": true,
"files": [
"Crosshair.jsx"
],
"_imports_": {}
},
{
"name": "FadeContent",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/FadeContent",
"subdirectory": true,
"files": [
"FadeContent.jsx"
],
"_imports_": {}
},
{
"name": "GlareHover",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/GlareHover",
"subdirectory": true,
"files": [
"GlareHover.jsx"
],
"_imports_": {}
},
{
"name": "ImageTrail",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/ImageTrail",
"subdirectory": true,
"files": [
"ImageTrail.jsx"
],
"_imports_": {}
},
{
"name": "Magnet",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/Magnet",
"subdirectory": true,
"files": [
"Magnet.jsx"
],
"_imports_": {}
},
{
"name": "MagnetLines",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/MagnetLines",
"subdirectory": true,
"files": [
"MagnetLines.jsx"
],
"_imports_": {}
},
{
"name": "MetaBalls",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/MetaBalls",
"subdirectory": true,
"files": [
"MetaBalls.jsx"
],
"_imports_": {}
},
{
"name": "MetallicPaint",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/MetallicPaint",
"subdirectory": true,
"files": [
"MetallicPaint.jsx"
],
"_imports_": {}
},
{
"name": "Noise",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/Noise",
"subdirectory": true,
"files": [
"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/tailwind/Animations/PixelTrail",
"subdirectory": true,
"files": [
"PixelTrail.jsx"
],
"_imports_": {}
},
{
"name": "PixelTransition",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/PixelTransition",
"subdirectory": true,
"files": [
"PixelTransition.jsx"
],
"_imports_": {}
},
{
"name": "Ribbons",
"category": "Animations",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/Ribbons",
"subdirectory": true,
"files": [
"Ribbons.jsx"
],
"_imports_": {}
},
{
"name": "SplashCursor",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/SplashCursor",
"subdirectory": true,
"files": [
"SplashCursor.jsx"
],
"_imports_": {}
},
{
"name": "StarBorder",
"category": "Animations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Animations/StarBorder",
"subdirectory": true,
"files": [
"StarBorder.jsx"
],
"_imports_": {}
}
]
},
{
"name": "Backgrounds",
"blocks": [
{
"name": "Aurora",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Aurora",
"subdirectory": true,
"files": [
"Aurora.jsx"
],
"_imports_": {}
},
{
"name": "Balatro",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Balatro",
"subdirectory": true,
"files": [
"Balatro.jsx"
],
"_imports_": {}
},
{
"name": "Ballpit",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"three@^0.167.1"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Ballpit",
"subdirectory": true,
"files": [
"Ballpit.jsx"
],
"_imports_": {}
},
{
"name": "Beams",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"three@^0.167.1",
"@react-three/fiber@^8.17.14",
"@react-three/drei@^9.121.4"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Beams",
"subdirectory": true,
"files": [
"Beams.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/tailwind/Backgrounds/Dither",
"subdirectory": true,
"files": [
"Dither.jsx"
],
"_imports_": {}
},
{
"name": "DotGrid",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/DotGrid",
"subdirectory": true,
"files": [
"DotGrid.jsx"
],
"_imports_": {}
},
{
"name": "GridDistortion",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"three@^0.167.1"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/GridDistortion",
"subdirectory": true,
"files": [
"GridDistortion.jsx"
],
"_imports_": {}
},
{
"name": "GridMotion",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/GridMotion",
"subdirectory": true,
"files": [
"GridMotion.jsx"
],
"_imports_": {}
},
{
"name": "Hyperspeed",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"three@^0.167.1",
"postprocessing@^6.36.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Hyperspeed",
"subdirectory": true,
"files": [
"HyperSpeedPresets.js",
"Hyperspeed.jsx"
],
"_imports_": {}
},
{
"name": "Iridescence",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Iridescence",
"subdirectory": true,
"files": [
"Iridescence.jsx"
],
"_imports_": {}
},
{
"name": "LetterGlitch",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/LetterGlitch",
"subdirectory": true,
"files": [
"LetterGlitch.jsx"
],
"_imports_": {}
},
{
"name": "Lightning",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Lightning",
"subdirectory": true,
"files": [
"Lightning.jsx"
],
"_imports_": {}
},
{
"name": "LiquidChrome",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/LiquidChrome",
"subdirectory": true,
"files": [
"LiquidChrome.jsx"
],
"_imports_": {}
},
{
"name": "Orb",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Orb",
"subdirectory": true,
"files": [
"Orb.jsx"
],
"_imports_": {}
},
{
"name": "Particles",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Particles",
"subdirectory": true,
"files": [
"Particles.jsx"
],
"_imports_": {}
},
{
"name": "ShapeBlur",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"three@^0.167.1"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/ShapeBlur",
"subdirectory": true,
"files": [
"ShapeBlur.jsx"
],
"_imports_": {}
},
{
"name": "Silk",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"@react-three/fiber@^8.17.14",
"three@^0.167.1"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Silk",
"subdirectory": true,
"files": [
"Silk.jsx"
],
"_imports_": {}
},
{
"name": "Squares",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Squares",
"subdirectory": true,
"files": [
"Squares.jsx"
],
"_imports_": {}
},
{
"name": "Threads",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Threads",
"subdirectory": true,
"files": [
"Threads.jsx"
],
"_imports_": {}
},
{
"name": "Waves",
"category": "Backgrounds",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Backgrounds/Waves",
"subdirectory": true,
"files": [
"Waves.jsx"
],
"_imports_": {}
}
]
},
{
"name": "Components",
"blocks": [
{
"name": "AnimatedList",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/AnimatedList",
"subdirectory": true,
"files": [
"AnimatedList.jsx"
],
"_imports_": {}
},
{
"name": "BounceCards",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/BounceCards",
"subdirectory": true,
"files": [
"BounceCards.jsx"
],
"_imports_": {}
},
{
"name": "CardSwap",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/CardSwap",
"subdirectory": true,
"files": [
"CardSwap.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/tailwind/Components/Carousel",
"subdirectory": true,
"files": [
"Carousel.jsx"
],
"_imports_": {}
},
{
"name": "ChromaGrid",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/ChromaGrid",
"subdirectory": true,
"files": [
"ChromaGrid.jsx"
],
"_imports_": {}
},
{
"name": "CircularGallery",
"category": "Components",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/CircularGallery",
"subdirectory": true,
"files": [
"CircularGallery.jsx"
],
"_imports_": {}
},
{
"name": "Counter",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/Counter",
"subdirectory": true,
"files": [
"Counter.jsx"
],
"_imports_": {}
},
{
"name": "DecayCard",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/DecayCard",
"subdirectory": true,
"files": [
"DecayCard.jsx"
],
"_imports_": {}
},
{
"name": "Dock",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/Dock",
"subdirectory": true,
"files": [
"Dock.jsx"
],
"_imports_": {}
},
{
"name": "ElasticSlider",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/ElasticSlider",
"subdirectory": true,
"files": [
"ElasticSlider.jsx"
],
"_imports_": {}
},
{
"name": "FlowingMenu",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/FlowingMenu",
"subdirectory": true,
"files": [
"FlowingMenu.jsx"
],
"_imports_": {}
},
{
"name": "FlyingPosters",
"category": "Components",
"localDependencies": [],
"dependencies": [
"ogl@^1.0.11"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/FlyingPosters",
"subdirectory": true,
"files": [
"FlyingPosters.jsx"
],
"_imports_": {}
},
{
"name": "Folder",
"category": "Components",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/Folder",
"subdirectory": true,
"files": [
"Folder.jsx"
],
"_imports_": {}
},
{
"name": "GlassIcons",
"category": "Components",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/GlassIcons",
"subdirectory": true,
"files": [
"GlassIcons.jsx"
],
"_imports_": {}
},
{
"name": "GooeyNav",
"category": "Components",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/GooeyNav",
"subdirectory": true,
"files": [
"GooeyNav.jsx"
],
"_imports_": {}
},
{
"name": "InfiniteMenu",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gl-matrix@^3.4.3"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/InfiniteMenu",
"subdirectory": true,
"files": [
"InfiniteMenu.jsx"
],
"_imports_": {}
},
{
"name": "InfiniteScroll",
"category": "Components",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/InfiniteScroll",
"subdirectory": true,
"files": [
"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/tailwind/Components/Lanyard",
"subdirectory": true,
"files": [
"Lanyard.jsx",
"card.glb",
"lanyard.png"
],
"_imports_": {}
},
{
"name": "PixelCard",
"category": "Components",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/PixelCard",
"subdirectory": true,
"files": [
"PixelCard.jsx"
],
"_imports_": {}
},
{
"name": "RollingGallery",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/RollingGallery",
"subdirectory": true,
"files": [
"RollingGallery.jsx"
],
"_imports_": {}
},
{
"name": "SpotlightCard",
"category": "Components",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/SpotlightCard",
"subdirectory": true,
"files": [
"SpotlightCard.jsx"
],
"_imports_": {}
},
{
"name": "Stack",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/Stack",
"subdirectory": true,
"files": [
"Stack.jsx"
],
"_imports_": {}
},
{
"name": "Stepper",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/Stepper",
"subdirectory": true,
"files": [
"Stepper.jsx"
],
"_imports_": {}
},
{
"name": "TiltedCard",
"category": "Components",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/Components/TiltedCard",
"subdirectory": true,
"files": [
"TiltedCard.jsx"
],
"_imports_": {}
}
]
},
{
"name": "TextAnimations",
"blocks": [
{
"name": "ASCIIText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"three@^0.167.1"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/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/tailwind/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/tailwind/TextAnimations/CircularText",
"subdirectory": true,
"files": [
"CircularText.jsx"
],
"_imports_": {}
},
{
"name": "CountUp",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/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/tailwind/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/tailwind/TextAnimations/FallingText",
"subdirectory": true,
"files": [
"FallingText.jsx"
],
"_imports_": {}
},
{
"name": "FuzzyText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/FuzzyText",
"subdirectory": true,
"files": [
"FuzzyText.jsx"
],
"_imports_": {}
},
{
"name": "GlitchText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/GlitchText",
"subdirectory": true,
"files": [
"GlitchText.jsx"
],
"_imports_": {}
},
{
"name": "GradientText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/GradientText",
"subdirectory": true,
"files": [
"GradientText.jsx"
],
"_imports_": {}
},
{
"name": "RotatingText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/RotatingText",
"subdirectory": true,
"files": [
"RotatingText.jsx"
],
"_imports_": {}
},
{
"name": "ScrambledText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/ScrambledText",
"subdirectory": true,
"files": [
"ScrambledText.jsx"
],
"_imports_": {}
},
{
"name": "ScrollFloat",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/ScrollFloat",
"subdirectory": true,
"files": [
"ScrollFloat.jsx"
],
"_imports_": {}
},
{
"name": "ScrollReveal",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/ScrollReveal",
"subdirectory": true,
"files": [
"ScrollReveal.jsx"
],
"_imports_": {}
},
{
"name": "ScrollVelocity",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/ScrollVelocity",
"subdirectory": true,
"files": [
"ScrollVelocity.jsx"
],
"_imports_": {}
},
{
"name": "ShinyText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/ShinyText",
"subdirectory": true,
"files": [
"ShinyText.jsx"
],
"_imports_": {}
},
{
"name": "SplitText",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"gsap@^3.13.0"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/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/tailwind/TextAnimations/TextCursor",
"subdirectory": true,
"files": [
"TextCursor.jsx"
],
"_imports_": {}
},
{
"name": "TextPressure",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/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/tailwind/TextAnimations/TrueFocus",
"subdirectory": true,
"files": [
"TrueFocus.jsx"
],
"_imports_": {}
},
{
"name": "VariableProximity",
"category": "TextAnimations",
"localDependencies": [],
"dependencies": [
"framer-motion@^11.3.24"
],
"devDependencies": [],
"tests": false,
"list": true,
"directory": "src/tailwind/TextAnimations/VariableProximity",
"subdirectory": true,
"files": [
"VariableProximity.jsx"
],
"_imports_": {}
}
]
}
]
}
reactjavascriptcomponentswebreactjscss-animationscomponent-libraryui-components3dui-librarytailwindtailwindcsscomponentscomponents-library
Homepage https://reactbits.dev
Repository https://github.com/DavidHDev/react-bits
Categories 4
Blocks 81
Dependencies 13
Config Files 0
Authors
David Haz