/ DOCS SHOWCASE TOOLS SPONSORS GET PRO COMMUNITY SOON 42.6K NEW COMPONENT STRANDS React components for creative developers Highly customizable animated components & backgrounds that drop into your project and instantly make it stand out Browse Components ColorBends ColorBends DotField import { ColorBends } from '@components/ColorBends'; function App() { return ( <ColorBends color= "#A855F7" speed={0.2} frequency={1.0} noise={0.15} bandWidth={0.14} rotation={90} fadeTop={0.75} iterations={1} intensity={1.3} /> ) } Drag or click values to edit What's inside Dot Field Line Waves Blob Cursor Soft Aurora Magnet Lines Antigravity Ballpit Pixel Trail Magic Rings Dot Field Line Waves Blob Cursor Soft Aurora Magnet Lines Antigravity Ballpit Pixel Trail Magic Rings Radar Shape Grid Ribbons Grainient Orbit Images Metallic Paint Balatro Aurora Splash Cursor Beams Radar Shape Grid Ribbons Grainient Orbit Images Metallic Paint Balatro Aurora Splash Cursor Beams 130+ Components Backgrounds, text effects, animations, UI patterns. The stuff you'd build from scratch, already done. Visual Editors Three free tools to play with components and grab the code. Well Organized Four clear categories so you're not scrolling through a wall of unrelated stuff. JS + CSS TS + CSS JS + Tailwind TS + Tailwind Pick Your Stack JS or TypeScript, CSS or Tailwind. Every component comes in all four flavors. Editor $ animate hero text AI-Ready Works great with Cursor, Copilot, and v0. Describe what you need, drop it in, ship. GitHub Stars 42.6K Growing Fast React's fastest-growing component library on GitHub. Not even close. Loved by developers @shadcn Everything about this is next level: the components, the registry, dynamic items. @gregberge_ React Bits: A stellar collection of React components to make your landing pages shine ✨ @GibsonSMurray React Bits has got to be the most artistic ui component lib I have seen in a while 🤌 @orcdev React Bits has become the ultimate visual animation library for React. This level of flexibility doesn't exist anywhere else. @shadcn Everything about this is next level: the components, the registry, dynamic items. @gregberge_ React Bits: A stellar collection of React components to make your landing pages shine ✨ @GibsonSMurray React Bits has got to be the most artistic ui component lib I have seen in a while 🤌 @orcdev React Bits has become the ultimate visual animation library for React. This level of flexibility doesn't exist anywhere else. @shadcn Everything about this is next level: the components, the registry, dynamic items. @gregberge_ React Bits: A stellar collection of React components to make your landing pages shine ✨ @GibsonSMurray React Bits has got to be the most artistic ui component lib I have seen in a while 🤌 @orcdev React Bits has become the ultimate visual animation library for React. This level of flexibility doesn't exist anywhere else. @Logreg_n_coffee Literally the coolest react library in react — @syskey_dmg Just discovered reactbits.dev — a sleek, minimal, and super dev-friendly React component library. Clean UI, easy to use, and perfect for modern projects. @DIYDevs Have you heard of react bits? David Haz has lovingly put together a collection of animated and fully customizable React components. @Logreg_n_coffee Literally the coolest react library in react — @syskey_dmg Just discovered reactbits.dev — a sleek, minimal, and super dev-friendly React component library. Clean UI, easy to use, and perfect for modern projects. @DIYDevs Have you heard of react bits? David Haz has lovingly put together a collection of animated and fully customizable React components. @Logreg_n_coffee Literally the coolest react library in react — @syskey_dmg Just discovered reactbits.dev — a sleek, minimal, and super dev-friendly React component library. Clean UI, easy to use, and perfect for modern projects. @DIYDevs Have you heard of react bits? David Haz has lovingly put together a collection of animated and fully customizable React components. @irohandev Got to know about React Bits and its just wow, the components are incredibly well designed! Really loved the overall feel and quality. @makwanadeepam Really impressed by reactbits.dev. Check it out. The Splash Cursor effect is amazing. @ajaypatel_aj The next shadcn is emerging this year 🙌 @irohandev Got to know about React Bits and its just wow, the components are incredibly well designed! Really loved the overall feel and quality. @makwanadeepam Really impressed by reactbits.dev. Check it out. The Splash Cursor effect is amazing. @ajaypatel_aj The next shadcn is emerging this year 🙌 @irohandev Got to know about React Bits and its just wow, the components are incredibly well designed! Really loved the overall feel and quality. @makwanadeepam Really impressed by reactbits.dev. Check it out. The Splash Cursor effect is amazing. @ajaypatel_aj The next shadcn is emerging this year 🙌 See them in action Backgrounds ShapeGrid Animations MagicRings Shiny Text Text Animations ShinyText Components Dock Get started in seconds shadcn jsrepo npx npx pnpm dlx bunx --bun yarn dlx ~ npx shadcn@latest add @react-bits/Aurora-TS-TW Works with any React project. Components are copied into your codebase. Sponsors Diamond shadcnblocks.com shadcn studio Platinum Tailark Your logo here Available Your logo here Available Silver Next.js Weekly Shadcncraft Your logo here Available Your logo here Available Your logo here Available View all sponsors Become a sponsor Stop building from scratch. Beautiful, animated React components you can drop into any project. Open source. Always free. Browse Components Star on GitHub Animated UI components for React. PRODUCT Docs Showcase Sponsors COMMUNITY GitHub Vue Bits Svelte Bits Created with by davidhdev © 2026 React Bits · License