Tailkit

Premium UI components for your Tailwind CSS based projects.

Crafted with by pixelcave

Handcrafted

Amazing Features

Use the Tailkit app to find the layout and UI components you need, preview them and copy them over to your Tailwind CSS based projects. It’s so easy.

Feature Image Web App

Tailkit Web App

A complete and fully featured Vue.js based app which helps you to set up Tailwind CSS/Tailkit and enables you to find the layout and UI components you are looking for.

Feature Image Starter Kits

Starter Kits

Preconfigured Starter Kits with Tailwind CSS and Tailkit’s configuration file already integrated. Purge CSS set up as well. HTML, Laravel, Vue.js, React and Angular boilerplates are included.

Feature Image Preview Pane

Preview Pane

It will assist you to intelligently preview the fully responsive UI components in various screen sizes, provide access to the code markup for each one, the color editor and copy functionality.

Feature Image Color Editor

Color Editor

Enabled for various UI components which use a primary color. You can live change and preview the color of your preference and copy it over. Really handy if you are using a different primary color in your project.

Feature Image Helper Tools

Helper Tools

Easily search and copy SVG icons or color classes with a simple click. Perfect and useful when designing your User Interface. This is just the beginning since more tools are on the way.

Feature Image Alpine.js

Alpine.js variations

We offer plain HTML markup for all UI components but also provide Alpine.js based variations for those tagged with 'JS required'. Great for inspiration or really handy if you are already using it in your project.

Available licenses

Choose the best Tailkit license for you

You will get the same amazing features with both. Go for the Unlimited to give less for more. Early bird pricing for a limited time.

Developer
$149
$99

For up to three Open Source and/or Commercial projects

  • Self-hosted Tailkit web app
  • 120+ dashboard UI components
  • Ready designed pages
  • 5 Starter Kits with Tailkit preconfigured (HTML, Laravel, Vue.js, React, Angular)
  • Lifetime free updates
  • Email support

Coming soon with free updates

  • Marketing UI components
  • New dashboard UI components
  • New page designs
  • New helper tools
Get it
Unlimited
$499
$249

For unlimited Open Source and/or Commercial projects

  • Self-hosted Tailkit web app
  • 120+ dashboard UI components
  • Ready designed pages
  • 5 Starter Kits with Tailkit preconfigured (HTML, Laravel, Vue.js, React, Angular)
  • Lifetime free updates
  • Email support

Coming soon with free updates

  • Marketing UI components
  • New dashboard UI components
  • New page designs
  • New helper tools
Get it

Frequently Asked Questions

Ok, you might have some extra questions, so let’s have a better look.

What do I get when I purchase a Tailkit license?

You are getting a compiled Vue.js based app which you can host on your own, either locally or online, for your development purposes. It’s actually the app you can preview online but it has all its features unlocked. You can use your own http server or the one we have preconfigured for you (with node.js). Also will get the Starter Kits for various tech stacks with Tailkit preconfigured.

What are the included Starter Kits?

The Starter Kits are preconfigured web app 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. We have already set up purge CSS for each one as well, so when you are building for production, you will get a small CSS file with only the classes you’ve used.

Are you using JavaScript in your UI components?

All UI components come with plain HTML by default. That means that you can use them with any JS framework you want but you will have to write your custom JavaScript to add interactivity where is needed. The good thing is that if you are using Alpine.js, we offer such variations for the layouts and various components (eg dropdowns), so you can have them working instantly. Alternatively, the default markup includes inline comments to assist you with the classes you need to toggle.

I’m not familiar with Tailwind CSS. Can I use Tailkit?

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

Who are you?

We are a couple, John & Stella, and have been building dashboard templates for over 10 years now. Almost 14.000 people worldwide have used our projects and we are so grateful for their support. 🙏

What do you mean by lifetime free updates?

We mean that for the lifetime of the project, you will continue to receive all of its updates for free 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. We can’t provide design customizations but might be able to help you in some cases where something does not work the way it should and 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?

You can request a refund up to 6 days after your purchase date and we will process it accordingly. Please have in mind that you will have to delete Tailkit after a refund has been processed since you won’t be able to use it without a valid license.

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 have some further questions, how can I reach you?

Feel free to get in touch through our contact form or reach out to John on Twitter. We’ll be more than happy to answer your questions. If we keep getting similar questions, we will definitely add them in this FAQ as well!

Tailkit ©

Crafted with by pixelcave