Build super modern web applications and websites really fast.
Carefully crafted, easy to customize, fully responsive UI Components, Templates and Tools for your Tailwind CSS based projects.
1,570+ Code Snippets
We carefully handcrafted a huge collection of UI components in various versions to help you build all kinds of web applications and websites.
Marketing and Application examples built to showcase how easily you could match, mix and extend the available UI Components. Fully refreshed with dark mode support.
9 Starter Kits
They will help you rocket start your projects. HTML (2x), React, Vue.js, Laravel, Svelte, Angular, Next.js and Nuxt based kits with Tailwind CSS & Tailkit already preconfigured.
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.
HTML, React, Vue.js & Alpine.js
You’ll love working with the Tailkit app. It comes with an easy to use user interface which enables you to quickly find any UI Component you need and use the included tools.
You can choose how you want to preview and interact with the UI components. Either through a 3x3 grid or a single scrolling list, whatever works the best for you.
Customize your experience
You can set your default preference for the tech to copy, the primary color to preview, dark mode or even add your own custom color name to copy instead of the default one.
Dive into the dark side of design. All UI Components support dark mode, making your apps look cool and reducing eye strain. Embrace the dark side & create killer interfaces.
Get ready for a fresh look! All UI Components just got a major makeover. Say hello to modern and stunning interfaces for your all your web projects.
You will pay once for a license but you will keep getting new and completely free updates for lifetime. We are working on new features and designs while you are reading this.
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.
Fully Responsive UI Components
Application UI, Marketing and Ecommerce packages are already including hundreds of UI Components and over 1,570+ HTML, React, Vue.js and Alpine.js code snippets in total.
All UI Components and Templates are designed to adapt to the device you are using and work on various screen sizes, from mobile to desktop. You can easily preview them beforehand.
HTML - Works Everywhere
Each UI Component has 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.
Code snippets for React are included for all UI Components, so you can directly use them in your React projects. We use Headless UI under the hood for more complex interactions.
Code snippets for Vue.js are also included for every UI Component, so they are perfect for Vue.js projects as well. We use Headless UI under the hood for some of them, too.
Meet the handiest feature you’ll be using! Each available UI component can be previewed and handled through our custom coded pane. It comes packed with amazing features.
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 over 3,000 SVG icons (Heroicons + Bootstrap Icons), easily copy-paste their markup into your HTML code and customize them even further with CSS classes.
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.
Visually preview the available color palette and copy any available Tailwind CSS color class or color value with a single click. Really useful finding the perfect colors for your design.
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.
(Tailwind CSS CDN + Vite)
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. 🚀