Tailkit Component Library 1 of 1 images
About Tailkit Component Library

Introduction

400+ Tailwind CSS React, Vue.js & Alpine.js HTML component libraries to build modern websites. Get ahead with a well-documented Tailkit from Pixelcave team.

Features

Tailkit offers the following features:

  1. 400+ HTML(Alpine.js) and React, Vue.js components included
  2. Included Helper tools;
  3. SVG Icons Library
  4. Button Builder
  5. Color Palette
  6. Comes with a Web App
  7. Marketing UI components
  8. Admin & Dashboard UI components
  9. Include boilerplates called Starter Kits pre-built with the popular frameworks
  10. HTML (Tailwind CSS CDN)
  11. Laravel 10 (Vite, Alpine.js)
  12. React 18 (Vite)
  13. Vue.js 3 (Vite)
  14. Svelte 3* (Vite)
  15. Angular 15* (ng)
  16. Live preview option in another tab
  17. Comes with JIT (Just-in-Time) engine
  18. Lifetime free updates
  19. Email support
  20. Licence options for individuals and teams

Included Components

Tailkit library includes everything from forms, tables, and navigation menu components to more complex elements like chat elements and slideouts.

Application UI

  1. Layouts - Stacked
  2. Layouts - Dark Sidebar
  3. Layouts - Light Sidebar
  4. Alerts
  5. Avatars
  6. Badges
  7. Banners
  8. Breadcrumbs
  9. Buttons
  10. Button Groups
  11. Cards
  12. Cards in Grid
  13. Card Headings
  14. Dividers
  15. Dropdowns
  16. Form Actions
  17. Form Elements
  18. Form Input Groups
  19. Form Radio Groups
  20. Form Switches
  21. List Groups
  22. Media Objects
  23. Modals
  24. Navigation
  25. Page Headings
  26. Pagination
  27. Progress Bars
  28. Statistics
  29. Tables
  30. Tabs
  31. Timeline
  32. Pages - Sign In
  33. Pages - Sign Up
  34. Pages - Password
  35. Pages - Password Reset
  36. Pages - Installation
  37. Pages - Maintenance
  38. Pages - Status
  39. Pages - Errors
  40. Pages - Invoice
  41. Pages - User Profile

Marketing UI

  1. Layouts - Hero Light
  2. Layouts - Hero Dark
  3. Layouts - Hero Brand
  4. Hero
  5. Main Headers
  6. Page Headers
  7. Footers
  8. About
  9. Blog Lists
  10. Blog Posts
  11. Comments
  12. Contact
  13. CTA
  14. FAQ
  15. Features
  16. Logos
  17. Image Overlays
  18. Pricing
  19. Statistics
  20. Team
  21. Testimonials
  22. Pages - Home
  23. Pages - Features
  24. Pages - Pricing
  25. Pages - Contact
  26. Pages - About

Pros and Cons

Pros ✅

  1. Pre-built admin and marketing UI screens
  2. Sample code previews of components
  3. You can request additional components.
  4. Comes with Drag & Drop web application
  5. Different license options for individuals and teams
  6. NPM install available for starter templates
  7. Regular Updates ( New color variants that came with Tailwind CSS 3.3 added)

Cons ⛔️


Who is Tailkit for?

Tailkit provide an ideal base for team seeking faster ways to develop web applications and landing pages and works with any JavaScript framework or technology on top of Tailwind CSS.

What do people say?

Tailkit's beautiful and simple to use components have saved me countless hours. They're so well built that I only have to make minor adjustments (if any) whether I'm integrating them in a new or existing project.
Even better, Tailkit provides React and Vue components along with standard HTML code. I 100% recommend Tailkit!
Shannon Clarke

FAQ

What do I get when I purchase a Tailkit license?

You are getting a license key which you can use to create an account and access the online Tailkit app with all UI components and tools available to use. Through the app, you will also be able to request access to the private GitHub repositories of the templates (a growing collection of marketing and app examples for Laravel and Vue.js projects) if you own an Unlimited or a Team license.

What are the included Starter Kits (bonus content)?

The Starter Kits are preconfigured web app and website boilerplates for various popular tech stacks with Tailwind CSS and Tailkit’s config already integrated, meaning that you can start copying over Tailkit’s UI components/layouts and they’ll work great. They are also available publicly, so you can have a look at them on GitHub before purchasing a license.

Do I have to use the Starter Kits to work with Tailkit?

No, they are optional and we created them to assist people who would like to quickly set up their workflow and don’t want to install it on their own. If you have already setup a Tailwind CSS project on your own, then that’s perfectly fine. You will just have to install the official plugins we are using (if you aren’t using them already) and integrate our custom Tailwind CSS configuration before you can start using the UI components.

What are the included Templates (bonus content)?

They are a growing collection of marketing and app examples which are based on Tailkit’s UI components and are made to help you better understand how you can make them work fluently together. They use custom JavaScript where is needed (eg toggling a sidebar) or to present extra functionality (eg charts). They are currently offered in 2 versions (Laravel and Vue.js) and are available for Unlimited and Team licenses.

Are you using JavaScript in your UI components?

We don't use JavaScript in most UI components, so they could be used and integrated in any JavaScript or backend framework. For those which require JavaScript, we provide React, Vue.js and Alpine.js code snippets that work out of box with each respective technology. The default HTML snippets include inline comments to assist you with the classes you need to toggle if you would like to use your own JavaScript. Furthermore, all UI components which do not require JavaScript, come with React and Vue.js snippets in addition to the default HTML ones for easier integration with each technology.

I’m not familiar with Tailwind CSS. Can I use Tailkit's UI Components?

Yes! Tailwind CSS is a utility-first CSS framework for rapidly building custom designs. It’s styling with CSS but instead of writing styles, you only use classes in your HTML markup. Using Tailkit alongside is a perfect fit and a great starting point for learning purposes as well if you are not familiar.

What do you mean by lifetime free updates?

For the lifetime of the project, you will continue to receive free updates without any additional cost. Don’t worry, if you check out our previous projects, you will see that we have a great history of supporting and updating them. We are already working on new UI components as you are reading this.

What email support includes and how long does it take to get an answer?

We can assist you with anything related to using Tailkit’s web app, putting together the UI components or trying to use the included Starter Kits and Templates. We can’t provide design customizations but might be able to help you in some cases where something doesn't work the way it should and you need some guidance. We always try to reply in less than 24hrs to all emails on business days (Monday-Friday) except if we are taking some time off. In reality, you should hear from us really fast in most cases!

Do you have a refund policy?

If you are unhappy with your purchase, you can request a refund up to 3 days after your purchase date and we will process it as soon as possible, no questions asked.

Can I request new features or submit possible bugs?

Absolutely, we would love to get your feedback and will do our best to fix any possible issues in future updates. Also, we very much appreciate any feature suggestions. We can’t make any promises but based on the feedback we receive, we will know where to focus our efforts.

I'm building a site builder, can I use Tailkit?

Unfortunately no because the license doesn't support such usage but we might be able to work something out through a collaboration in some cases. Feel free to get in touch and let us know where and how you would like to use Tailkit.

Tailkit Component Library

Paid

400+ UI Components made with Tailwind CSS

Get now

Features:

  • 🚀 Copy & Paste
  • 🚀 Tailwind CSS v3.0+
  • 🚀 Documentation

Categories:

Tags:

If you found our curation useful 👇
Buy us a coffee!

You might also like :)

Discover the latest products

Cruip Component Library

15+ pre-built landing page & admin templates with Tailwind CSS

Flowbite

450+ UI components for Tailwind CSS

Tailwind UI Kit

1300+ UI components for Tailwind CSS

Subscribe to newsletter

Get notified about the latest templates, components, inspiration examples and more.