Getting Started
Templates
Components
Blocks
Explore our collection of premium UI components designed for modern web applications. Each component is built with React, TypeScript, Tailwind CSS, and Framer Motion.
Pro Components require a membership. Get lifetime access to all components with a one-time purchase.
An accordion component that displays image tooltips on hover for visual context.
Text component with an animated shine effect, perfect for highlighting headings.
A sleek mega navigation menu inspired by Apple's website design.
Text with a blooming glow effect that animates on hover or focus.
A mobile-friendly bottom navigation menu with smooth animations.
A versatile card component for showcasing content with various layouts.
An interactive progress bar that users can drag to adjust values.
A video-style filmstrip with timecode display for media applications.
A glassmorphism card with a split layout design.
Instagram-style stories viewer with progress indicators and gestures.
An interactive map component for selecting locations.
A Pinterest-style masonry grid layout for images and cards.
A 3D carousel for showcasing models or products.
A title component that morphs between different project names.
Scroll-driven animation effects for elements on the page.
A timeline component with scroll-based animation triggers.
A video gallery with split-screen scroll animations.
An animated star rating display with wheel animation.
An animated voice recorder button with frequency visualization.
Animated hero section with colorful gradient bars and wave effects.
A hero section with an animated dot pattern background and clean typography.
A hero section designed to showcase mobile app screenshots.
A hero section with tabbed feature navigation and dashboard sidebar preview.
A hero section with floating cursor pointers, overlapping cards, and logo cloud.
Once you have a Pro membership, install any component with:
For example:
Before installing components, make sure you've completed the installation setup:
components.json