Tailwind UI Kit

Tailwind UI Kit is a collection of pre-designed UI components and templates built with Tailwind CSS, designed to help developers quickly create modern, responsive, and customizable web interfaces.

⚠️ Attention Please

⚠️ This component library uses Tailwind CSS utility classes but does not include TailwindCSS by default.
You must have TailwindCSS configured in your own project for styles to apply correctly.

🛠 Config

To use this component library with Tailwind, add the following to your tailwind.config.js:

module.exports = {
  content: ["...", "./node_modules/tailwind-ui-ux-kit/**/*.{js,jsx}"],
  // other config...
};

🚀 Features

• ⚡ Built with Tailwind CSS
• 🧱 50+ Pre-designed components
• 💡 Easy to customize and extend
• 📱 Responsive by default

📦 Components

1. Navigation

• Navbar
• Side Menu
• Breadcrumbs
• Mega Menu
• Mobile Menu

2. Hero Sections

• Full-width Hero
• Hero with Image
• Hero with Form
• Call to Action

3. Forms & Inputs

• Input Fields
• Checkboxes & Radio Buttons
• Select Dropdowns
• Toggles & Switches
• Form Layouts
• Input Groups

4. Buttons

• Primary / Secondary / Tertiary
• Icon Buttons
• Button Groups
• Loading Buttons

5. Cards

• Product Cards
• Profile Cards
• Blog Post Cards
• Feature Cards
• Pricing Cards

6. Modals & Popups

• Basic Modal
• Confirmation Dialog
• Form Modal
• Slide-over Panels

7. Alerts & Notifications

• Toast Notifications
• Success / Error / Warning Alerts
• Banners

8. Tables

• Basic Table
• Table with Sorting
• Table with Pagination
• Responsive Table

9. Tabs & Accordions

• Horizontal & Vertical Tabs
• Accordions
• FAQ Sections

10. Lists & Grids

• List Groups
• Icon Lists
• Grid Layouts
• Masonry Layouts

11. Footers

• Simple Footer
• Multi-column Footer
• Newsletter Footer
• Social Media Footer

12. Headers

• Basic Header
• Header with Search
• Sticky Header

13. Avatars & Badges

• Avatars
• Avatar Groups
• Status Indicators
• Notification Badges

14. Stats & Metrics

• KPI Cards
• Progress Bars
• Chart Containers

15. Miscellaneous

• Pagination
• Breadcrumbs
• Tooltips
• Loaders / Spinners
• Timeline
• Tags / Chips