đ 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.
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.
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.
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 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.
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.
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
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
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 previewAmazing 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. đ
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.
SaaS
5 Pages
Business
6 Pages
Education
4 Pages
CRM
9 Pages
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
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.
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
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
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
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!