React Bits

Overview

React Bits is one of the most starred animated React component repositories globally, with over 46,000 GitHub stars. It delivers 100+ production-ready animated text effects, WebGL backgrounds, tilt cards, and cursor effects.

Key Features

• 100+ Animated Components: Diverse catalog including blur texts, split text effects, magnet buttons, and 3D tilt cards.
• Shader & WebGL Backgrounds: Aurora waves, starfields, glitch effects, and liquid gradients.
• Copy-Paste & CLI Support: Install modular code via jsrepo CLI or direct copy-paste.
• Zero Config Tailwind Compatibility: Seamlessly blends into Tailwind CSS projects.

Installation & Quick Start

npx jsrepo add https://reactbits.dev/r/decaying-card

import DecayingCard from '@/components/DecayingCard';

export default function App() {
  return <DecayingCard image="/preview.jpg" title="Cyberpunk Card" />;
}

Why Choose React Bits?

• Best for: Award-winning landing pages, agency showcases, portfolio headers, and high-impact web design.
• Not suitable for: Conservative enterprise administrative forms requiring static un-animated tables.