Introduction
Animated components and design blocks crafted for smooth interaction and rich detail
A curated collection of animated React components designed for modern web applications. Built with TypeScript, Framer Motion, and Tailwind CSS, these components are crafted for seamless integration, smooth animations, and exceptional user experience.
Available Components
- Marquee - Smooth scrolling text and content marquee
- Animated Number - Smooth number transitions and counters
- Transition Panel - Animated content panels with smooth transitions
- Scroll Active Section - Scroll-triggered content sections
- Velocity Text - Dynamic text animations based on scroll velocity
- More components coming soon...
UI Blocks
- Testimonial - Social media-style testimonial blocks
- More blocks coming soon...
Getting Started
- Browse Components - Explore our component library to find what you need
- Copy Code - Use the copy button to grab the component code
- Install Dependencies - Add required packages like
framer-motionif needed - Customize - Modify styles and behavior to match your design system
Credits
Note: This project is open source and welcomes contributions. Whether you're fixing bugs, improving documentation, or adding new components, your help is appreciated.
Built with ❤️ by nhatcapdang. The source code is available on GitHub.