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