🚀 2.2 update is here and comes packed with brand new Backend Layouts with Mini Sidebar, fresh Hero Sections along with various design improvements and optimizations!

Design super modern dashboards and websites in minutes

Carefully crafted, easy to customize, fully responsive UI components for your Tailwind CSS 3 based projects. Crafted with love by pixelcave for web developers, web agencies and digital nomads.

Tailkit Web App

1. UI Components Library

We carefully handcrafted a vast collection of UI components to build all kinds of web applications and websites. We keep designing and adding new ones with each update.

2. Web App

You’ll love working with the Tailkit web app! It’s a compiled Vue.js based app which you can directly open in your browser and use to explore and copy all UI components.

3. Helper Tools

Search and copy SVG icons, build your button markup or copy your favorite color classes with easy to use tools which will give you superpowers.

4. Starter Kits

We prepared kits to help you rocket start your next project. Plain HTML, Laravel, Vue.js, React and Angular based kits with Tailwind CSS & Tailkit already preconfigured.

Improve your design

Fully Responsive UI Components

Great design in neat HTML snippets. Carefully coded and tested. You can use them to build the User Interface of your web project without ever leaving your HTML. Works with any JavaScript framework or technology you are using.

Framework Agnostic

Each component is an HTML code snippet which you can easily copy-paste into your code and customize it to match your needs. They will work in any JS or other framework you are using.

Fully Responsive

They are designed to work in various screen sizes, from mobile to desktop. Their design will adapt based on the device you are using, and you can easily preview them beforehand.

JS

Alpine.js Snippets

A few components might need a bit of JavaScript to work. We provide pure HTML examples with inline comments for which classes to toggle with JS but also working Alpine.js variations as well.

Preview UI Components
Works like magic

Preview Pane

Meet the handiest feature you’ll be using! Each UI component, including available layouts and designed pages can be previewed and handled through our custom coded pane. It comes packed with amazing features. Check it out live.

Tailkit’s Preview Pane
Boost your workflow

Interactive Helper Tools

Design even faster with our growing collection of interactive helper tools. Easily build your buttons, find and copy your favorite SVG icons or available color classes.

Preview Helper Tool - SVG Icons

SVG Icons Library

You can search hundreds of integrated SVG icons and easily copy their markup with a single click. Paste them into your HTML code and customize them even further with CSS classes.

Check it out live
Preview Helper Tool - Colors

Color Palette

Visually preview the available color palette and copy the color classes for background or text colors with a single click. Really useful finding the perfect colors for your design.

Check it out live
Preview Helper Tool - Button Builder

Button Builder

With just a few clicks, you can easily replicate any of the available button designs, generate their HTML code on the fly and copy with a single click. It’s as easy as it can get.

Locked in preview
Save Time & Deploy Faster

Amazing Starter Kits

It’s getting even better with the included boilerplates. You are getting starter kits for popular frameworks with Tailwind CSS 3 and Tailkit already preconfigured, so you can focus on what really matters, your projects.

Plain HTML

Laravel 9

Vue.js 3

React 18

Angular 13

Tailwind CSS 3 comes with JIT (Just-in-Time) engine always enabled so when you are coding or pushing for production, only the classes you are using are produced, ensuring that you will get the most lightweight stylesheet possible. 😊

Boost your creativity

Marketing and App Templates

You are now getting web templates in the package as well. Carefully crafted and based on Tailkit’s UI Components, they will be a great starting point for your next project. They come in two separate versions, for Laravel and Vue.js based projects.

Marketing Template Preview - SaaS

SaaS

Laravel 9
Vue.js 3

5 Pages

Marketing Template Preview - Business

Business

Laravel 9
Vue.js 3

6 Pages

Marketing Template Preview - Education

Education

Laravel 9
Vue.js 3

4 Pages

01 CRM

CRM

Laravel 9
Vue.js 3

9 Pages

Great value for money

Tailkit is so flexible

You have the freedom to use it to design websites and web apps for you and your clients, SaaS projects or even Open Source projects.

One-time purchase

You can charge your end users

You can use it in your courses

Great for Commercial projects

Great for Open Source projects

Great for Personal projects

Great for educational purposes

Free carefully crafted updates

Friendly email support

Available licenses

Choose the right Tailkit license for you

You will get the same amazing features with each one. Go for the Unlimited to unlock usage for as many projects as you can code.

Developer
$79

For one personal, open source or commercial project

Package

  • Tailkit web app
  • 197 Backend UI Components
  • 144 Marketing UI Components
  • 22 Ready designed pages
  • Lifetime free updates
  • Email support

Bonus

  • 5 Starter Kits with Tailkit preconfigured (HTML, Laravel, Vue.js, React, Angular)
  • 4 Templates 3 Marketing and 1 Application (Laravel, Vue.js)

License

  • 1 project created by
  • An individual

Coming soon with free updates

  • New UI Components
  • New Templates
Get it
Unlimited
$199

For unlimited personal, open source or commercial projects

Package

  • Tailkit web app
  • 197 Backend UI Components
  • 144 Marketing UI Components
  • 22 Ready designed pages
  • Lifetime free updates
  • Email support

Bonus

  • 5 Starter Kits with Tailkit preconfigured (HTML, Laravel, Vue.js, React, Angular)
  • 4 Templates 3 Marketing and 1 Application (Laravel, Vue.js)

License

  • Unlimited projects created by
  • An individual

Coming soon with free updates

  • New UI Components
  • New Templates
Get it
Team
$549

For unlimited personal, open source or commercial projects created by a team

Package

  • Tailkit web app
  • 197 Backend UI Components
  • 144 Marketing UI Components
  • 22 Ready designed pages
  • Lifetime free updates
  • Email support

Bonus

  • 5 Starter Kits with Tailkit preconfigured (HTML, Laravel, Vue.js, React, Angular)
  • 4 Templates 3 Marketing and 1 Application (Laravel, Vue.js)

License

  • Unlimited projects created by
  • A team of people

Coming soon with free updates

  • New UI Components
  • New Templates
Get it

Frequently Asked Questions

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 open locally in your browser or host on your own online, for your development purposes. It’s actually the app you can preview online but it has all its features unlocked. You will get the Starter Kits for various tech stacks with Tailkit preconfigured and a growing collection of marketing and app templates.

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.

What are the included Templates?

They are a growing collection of marketing and app templates 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 two versions: Laravel and Vue.js.

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.

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 additional snippets for the layouts and various components (e.g. 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 styling with CSS but instead of writing styles, you only use 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.

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 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?

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 if a refund has been accepted 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.

Do you have an affiliate program for Tailkit?

If you find Tailkit useful and would like to get the word out, so that more people can use it in their projects, we would very much appreciate it. Feel free to get in touch, letting us know how you plan to promote it (we don’t like spam) and we might be able to work something out.

Who are you?

We are John & Stella and have been building web app UIs and websites for over 10 years now. More than 15,000 people worldwide have used our projects and we are so grateful for their support. 🙏

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