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.