Primary Button
Main call-to-action button with gradient background
Component Library
UI Components
Ready to Use
Copy and paste beautiful, responsive components built with Tailwind CSS. Customize them to match your design.
Showing 17 components
Feature Card
Card with icon, title, and description
Fast Performance
Lightning-fast load times and optimized code for the best user experience.
Pricing Card
Pricing card with features list
Pro Plan
$99/month
- Unlimited Projects
- 24/7 Support
- Advanced Analytics
Input Field
Styled input field with focus effects
Textarea
Multi-line text input with focus effects
Glassmorphism Login/Signup
Full-page glassmorphism login and signup form with theme switching.
Glassmorphism Login/Signup Preview
This component is a complete HTML/CSS/JS file. The live preview shows the form wrapper.
Container
Centered container with max width
Content goes here
Grid Layout
Responsive grid with 3 columns
Item 1
Item 2
Item 3
Royal Heritage Tour — Amer Fort
A luxurious royal heritage travel card with image, rating, trip details, read-more toggle, and elegant gold-dark UI.
Glassmorphism Navbar
A responsive glassmorphism navbar with animated hamburger menu and smooth mobile slide-out panel.
Glassmorphism Navbar
A modern glassmorphism navbar with mobile hamburger menu and smooth slide-in animation.
Dark Modern Navbar
A sleek, responsive dark-themed navbar with animated links and mobile hamburger menu.
Footwear Product Card
Neon-glow, glassmorphic footwear product cards with hover effects, responsive layout, and theme toggle support.
Want to add your own components?
Edit the componentData.js file to add your custom components to this library.
src/app/component-library/componentData.js