Welcome to Kanak's UI Component Library
A collection of beautiful, reusable components for your next project.
🎨 Clean Design
Modern and minimalist components
📱 Responsive
Works on all devices
⚡ Lightweight
No dependencies required
Cards
Basic Card
Card Title
This is a reusable card component. You can use it for products, profiles, etc.
Card with Image Top
Image Top Card
A card with a larger image at the top.
Card with Image Left
Image Left Card
A card with an image on the left and content on the right.
Card with Actions
Card with Actions
This card has multiple action buttons at the bottom.
Card with Badge
New
Card with Badge
A card with a status badge in the corner.
Profile Card
kanak verma
Frontend Developer
Horizontal Card
Horizontal Card
A horizontal card layout for wide content.
Forms
Basic Form
Form with Validation
Form with Icons
Form with Checkbox/Radio Groups
Form with Select Dropdown
Form with File Upload
Form with Textarea
Badges
Basic Badge
Success Warning ErrorBadge with Icon
Badge with Border
Success Warning ErrorBadge with Pill Shape
Success Warning ErrorBadge with Gradient
Success Warning ErrorBadge with Shadow
Success Warning ErrorAlerts
Basic Alerts
Success Alert
Warning Alert
Error Alert
Info Alert
Tooltips
Basic Tooltips
Tooltips with Icons
Modals
Basic Modal
Form Modal
Tabs
Basic Tabs
Content for Tab 1
Content for Tab 2
Content for Tab 3
Vertical Tabs
Content for Tab 1
Content for Tab 2
Content for Tab 3
Accordions
Basic Accordion
Content for section 1
Content for section 2
Content for section 3
Accordion with Icons
Progress Bars
Basic Progress
Animated Progress
Circular Progress
75%
Pagination
Pagination with Icons
Spinners
Basic Spinner
Dots Spinner
Cards with Hover Effects
Basic Hover Card
Hover Card
This card has a hover effect.
Card with Scale Effect
Scale Card
This card scales on hover.
Tables
Basic Table
| Name | Role | |
|---|---|---|
| John Doe | john@example.com | Admin |
| Jane Smith | jane@example.com | User |
Striped Table
| Name | Role | |
|---|---|---|
| John Doe | john@example.com | Admin |
| Jane Smith | jane@example.com | User |