⚠️ Mobile is not supported yet.
Search for a command to run...
A collection of 150+ handcrafted UI components built with Tailwind CSS and shadcn/ui, covering marketing, e-commerce, dashboards, real estate, and more.
Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming for modern, organized, and conversion-friendly displays.
Showcase detailed product information with Tailwind CSS e-commerce product detail sections. These layouts highlight images, descriptions, specifications, pricing, and calls-to-action for a seamless shopping experience. Perfect for online stores and marketplaces aiming for modern, engaging, and conversion-focused product pages.
Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsing effortless. Perfect for online stores, marketplaces, and e-commerce platforms aiming for modern, visually appealing, and conversion-focused product displays.
Allow shoppers to preview product details instantly with Tailwind CSS product quickview sections. These layouts showcase images, key features, pricing, and calls-to-action in a compact overlay, enhancing browsing efficiency. Perfect for online stores and marketplaces seeking modern, user-friendly, and conversion-focused shopping experiences.
Displays an indicator showing the completion progress of a task.
“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sections. These layouts combine bold visuals, concise messaging, and prominent calls-to-action to drive engagement and conversions. Perfect for online stores and marketplaces aiming for modern, attention-grabbing, and conversion-focused promotions.
Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and strong calls-to-action to capture attention and drive conversions. Perfect for marketing campaigns, landing pages, and SaaS platforms looking for high-impact, conversion-focused promotion.
Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layouts, making navigation intuitive and engaging. They are perfect for real estate websites and marketplaces aiming for modern, organized, and conversion-friendly screens.
Showcase detailed property information with Tailwind CSS property detail sections. These layouts highlight images, descriptions, features, pricing, and calls-to-action, providing a seamless browsing experience. Perfect for real estate websites and marketplaces aiming for modern, engaging, and conversion-friendly property pages.
Enable users to quickly find properties with Tailwind CSS property filter sections. These layouts offer checkboxes, dropdowns, and tags to refine searches, improving usability and property discovery. Perfect for real estate websites and marketplaces seeking modern, efficient, and user-friendly browsing experiences.
Showcase available properties with Tailwind CSS property list sections. These layouts feature images, titles, prices, and brief details to help users browse options easily. Perfect for real estate websites and marketplaces aiming for modern, organized, and visually appealing property displays.
A set of checkable buttons—only one can be selected at a time.
Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.
The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion and Tailwind CSS, enhancing user experience with smooth transitions.
Displays a list of options for the user to pick from—triggered by a button.
Extends the Dialog component to create panels that slide in from the edge of the screen.
Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These layouts display selected products, quantities, prices, and total amounts clearly, making checkout effortless. Perfect for online stores and marketplaces aiming for modern, user-friendly, and conversion-optimized cart interfaces.
A composable, themeable and customizable sidebar component.
Create organized and accessible dashboard interfaces with Tailwind CSS sidebar layouts. These sections feature collapsible menus, clear navigation, and responsive design to enhance usability. Perfect for SaaS platforms, admin panels, and analytics tools aiming for a modern, user-friendly, and efficient workflow.
Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual cues to guide users effortlessly. Perfect for SaaS platforms, web apps, and dashboards seeking modern, accessible, and conversion-focused authentication interfaces.
Displays a placeholder preview of your content before it loads.
An input where the user selects a value from within a given range.
A component that slides numbers.
Enhance your website with the peaceful atmosphere of the Snowfall Animation Background. Create a captivating design with gently falling snowflakes for a serene and wintery experience.