react-bits

Version 1.0.0
DavidHDev/react-bits
January 2026

Note:
This skill provides guidance for integrating, customizing, and contributing to
react-bits — the largest and most creative library of animated React components.
It covers Vite 4/5/6, Tailwind CSS v4, Three.js/Fiber, GSAP, and Framer Motion integrations.

When to use this skill

• When you need to integrate highly creative, animated React components (text animations, background effects, interactive UI elements) into a React/Next.js project.
• When you need to customize or debug existing react-bits components (e.g., adjusting GSAP timelines, Three.js canvas setups, or Tailwind classes).
• When contributing new animated components to the react-bits repository under the feat/<feature-name> branch convention.