Getting Started
Templates
Components
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.


A call-to-action section with animated meteor effects.


A beautifully designed FAQ section with expandable questions and answers.


A bento-style grid layout for showcasing features and highlights.


A footer with flickering neon-style text effects.


A footer that reveals itself with a smooth scroll animation.


Animated hero section with colorful gradient bars and wave effects.


A hero section designed to showcase mobile app screenshots.


A grid layout for displaying integrations and partner logos.


An animated logo cloud with smooth marquee scrolling.


A scroll-driven services showcase with animated transitions.


Display testimonials on an interactive world map.


Expandable split-layout testimonial tabs with smooth motion.


A bento grid layout showcasing workflow automation features.
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