1. Stacked Card Animation
Animated stacked card effect.
2. Horizontal Text Animation
Animated horizontal text effect.
3. Horizontal Scroll Text Animation
Animated horizontal scroll text effect.
4. Image Gallery
3D interactive image gallery.
5. Torus Background
A 3D torus knot background
6. Grid Pattern
A highly optimized, customizable background grid for creating depth.
Grid Pattern Demo
7. Search Bar
Animated search bar with expanding effect.
9. Stacked Cards
Interactive stacked card animation.
10. Dot Background
Subtle dot pattern background.
Dotted Background
A subtle dotted pattern that adds depth and texture to your UI components. Perfect for backgrounds, cards, and sections.
Interactive Hover
Tap on mobile or hover on desktop to see the dynamic dot pattern change. Smooth transitions create an engaging user experience.
11. Slideshow
Image slideshow with transitions.
12. Border Card
Card with animated border gradient.
Themable Design
Built with Tailwind CSS variables. Easily customize colors, radius, and spacing to match your brand identity instantly.
Lightning Fast
Zero-runtime CSS overhead. Components are optimized for performance with minimal bundle size impact.
Pre-built Components
Over 50+ accessible components ready to drop into your project. From complex forms to simple buttons.
Responsive First
Every component is designed to look perfect on mobile, tablet, and desktop screens out of the box.
Modern Animations
Powered by Framer Motion for buttery smooth gestures, layout transitions, and micro-interactions.
Type Safe
Written in TypeScript with strict type definitions to ensure robust and error-free development.
13. Folder Card
File folder style card design.
Folder ?card^
14. Headers Section
Collection of responsive header layouts.
Menu
15. Bouncing Toggle
Playful toggle switch animation.
16. Bento Grid
Modern bento-box style grid layout.
18. Clock Modal
Modal with an analog clock interface.