Handpicked Tools

Tailwind Helper

A tailwind multi-tool to convert and visualize your classes properties.

Tailwindo

This tool can convert Bootstrap CSS framework classes in HTML/PHP (any of your choice) files to equivalent Tailwind CSS classes.

#TailwindCSS

#Tools

Use Windy

Copy elements from any website as a Tailwind CSS component

#TailwindCSS

#Tools

Gatsby plugin Tailwindcss

A Gatsby plugin to use Tailwind CSS with css-in-js. Like styled-components or emotion.js

#TailwindCSS

#Tools

Vue cli Plugin Tailwind

A plugin that adds Tailwind CSS to your vue-cli project.

#TailwindCSS

#Tools

Tailwindcss Figma kit

Figma Kit for Tailwind CSS

#TailwindCSS

#Tools

Flowbite

Design UI interfaces and simplify the process of integrating into live websites with Tailwind CSS using this professional Figma design system featuring 1000+ component variants, responsive pages, dark mode, and auto-layout

#TailwindCSS

#Tools

Tailwind classes sorter

Sort tailwind classes in order of default plugins.

#TailwindCSS

#Tools

Prettier plugin Tailwind

Sort tailwind classes with Prettier.

#TailwindCSS

#Tools

xwind

This repo contains a collection of packages that makes the integration of Tailwind with CSS-in-JS libraries easier.

#TailwindCSS

#Tools

Twin.macro

The magic of Tailwind with the flexibility of css-in-js.

#TailwindCSS

#Tools

Tailwind Config Viewer

Tailwind Config Viewer is a local UI tool for visualizing your Tailwind CSS configuration file. Keep it open during development to quickly reference custom Tailwind values/classes. Easily navigate between sections of the configuration and copy class names to your clipboard by clicking on them.

#TailwindCSS

#Tools

Laravel Form Components

A set of Blade components to rapidly build forms with Tailwind CSS v1, Tailwind CSS v2, Bootstrap 4 and Bootstrap 5. Supports validation, model binding, default values, translations, includes default vendor styling and fully customizable!

#TailwindCSS

#Tools

Gust

A Tailwind CSS WordPress theme

#TailwindCSS

#Tools

clb

clb (class list builder) is a small, utility function that builds a class list based on a simple api.

#TailwindCSS

#Tools

Inspect Flow

Inspect Flow is a browser extension to quickly inspect, edit, and copy components from any Tailwind CSS website!

#TailwindCSS

#Tools

Impulse

Build modern websites right in your browser on top of your code

#TailwindCSS

#Tools

Re-Tailwind

ReasonML utility to generate Tailwind classes

#TailwindCSS

#Tools

Maizzle

Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS and advanced, email-specific post-processing.

#HTML

#Email Template

#TailwindCSS

Vue Tailwind

VueTailwind is a set of Vue components created to be customized to adapt to your application's unique design.

#TailwindCSS

#UI Libraries

Tailwind Elements

Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities.

#TailwindCSS

#UI Libraries

Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings.

#Websocket

Flowbite

Flowbite is an open-source library of UI components based on the utility-first Tailwind CSS framework featuring dark mode support, a Figma design system, and more.

#TailwindCSS

#UI Libraries

A17t

a17t is a Tailwind CSS plugin that provides atomic components like field, button, and card in a neutral design language that scales with your project.

#TailwindCSS

#UI Libraries

Tails uI

React UI components using tailwindcss

#TailwindCSS

#UI Libraries

Inertia

Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

Xtend UI

Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations.

#TailwindCSS

#UI Libraries

Headless UI Float

Easily float the Headless UI components

#TailwindCSS

#UI Libraries

Tailblocks

Ready-to-use Tailwind CSS blocks

#TailwindCSS

#Components

Tailwind CSS Components

Open source Tailwind UI components and templates to bootstrap your new apps, projects or landing sites!

#TailwindCSS

#Components

Tailwind Toolbox

Open source starter templates and components, a directory of handy building kits, generators, plugins and useful tools to kick start your Tailwind CSS project

#TailwindCSS

#Components

Meraki UI

Meraki UI is Tailwind CSS Components That Support RTL Languages & Fully Responsive Based On Flexbox & CSS Grid with elegant Dark Mode.

#TailwindCSS

#Components

Tailwind Cards

A growing collection of text/image cards you can use/copy-paste in your tailwind css projects.

#TailwindCSS

#Components

Kutty

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

#TailwindCSS

#Components

Sail UI

Basic UI components for Tailwind CSS.

#TailwindCSS

#Components

JQuery Tailwind

Pure jQuery logic and Tailwind CSS (v2.x) syntax. Customizable with data attributes.

#TailwindCSS

#Components

Tailwind Starter Kit

Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular.

#TailwindCSS

#Components

Windstrap

Tailwind CSS with Bootstrap JS

#TailwindCSS

#Components

Wicked Blocks

Over 120 fully responsive component and blocks you can copy paste into your Tailwind projects. Use it in as many projects you want to and as many times you need too.

#TailwindCSS

#Components

Panda

Build modern websites using build time and type-safe CSS-in-JS

Kitwind

We are giving away our first UI kit for free. It includes over 130 sections, built with TailwindCSS, for your awesome projects.

#TailwindCSS

#Components

Mamba UI

Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS.

#TailwindCSS

#Components

Litepie Datepicker

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.

#TailwindCSS

#Components

Tailwind datepicker

This project is a free and open source datepicker library which uses the utility-first classes from Tailwind and the JavaScript from another open source library called Vanilla JS Datepicker.

#TailwindCSS

#Components

Vue Tailwindcss

Just another vue&tailwind component that present you complete typeahead/autocomplete input.

#TailwindCSS

#Components

#Vue

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators.

#Design tool

#IconSet

#Animated icons

LaLoka

A collection of useful Tailwind CSS layouts and patterns

#TailwindCSS

#Components

HyperUI

HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, eCommerce store and much more.

#TailwindCSS

#Components

Snippets TailwindCSS

A collection of animation snippets made with TailwindCSS

#TailwindCSS

#Components

Fancy Tailwind

Beautiful, responsive, reusable, free and premium React/JavaScript Tailwind CSS UI components designed with love and inspired by the most creative people on the web.

#TailwindCSS

#Components

Myna UI

UI Components and Elements made with Tailwind CSS

#TailwindCSS

#Components

Vue Notus

Vue Notus a Free Tailwind CSS and VueJS UI Kit and Admin developed by Creative Tim.

#TailwindCSS

#Templates

Red Pixel Themes

Beautiful TailwindCSS templates for your next project

#TailwindCSS

#Templates

Easy Tailwind

Freemium, easily customizable templates made with Tailwind CSS.

#TailwindCSS

#Templates

Windmill Dashboard

Multi theme, completely accessible dashboard template.

#TailwindCSS

#Templates

Tailwind admin

Super simple admin panel using Tailwind CSS.

#TailwindCSS

#Templates

Tailwind Landing Page

Free Tailwind landing page template

#TailwindCSS

#Templates

V Dashboard

Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.

#TailwindCSS

#Templates

petra

Free Nuxtjs Tailwindcss landing page template with RTL support

#TailwindCSS

#Templates

Tailmin

Admin dashboard built with Vue.js and Tailwind CSS

#TailwindCSS

#Templates

Material Tailwind

Material Tailwind Dashboard React

#TailwindCSS

#Templates

Admin one Vue Tailwind

Admin One is simple, beautiful and free Vue.js 3.x Tailwind CSS 3.x admin dashboard. Nuxt 3.x or Laravel 9.x integrations available

#TailwindCSS

#Templates

#Vue

Cruip

Beautifully designed HTML, React, Vue.js, and Tailwind templates!

#TailwindCSS

#Templates

Bit

An open-source toolchain for component-driven software. Forget monolithic apps and distribute development to components.

#Design tool

#Components

Avocode

Centralize design collaboration, developer hand-off, version control, screen flows, & feedback in one tool.

#Design tool

#Handoff tools

Anima

Anima helps teams to create interactive prototypes using Figma, XD, & Sketch. Then automatically convert them to React, Vue & HTML code

#Design tool

#Handoff tools

Figmafy

Convert your stunning Figma designs into bug-free code or a highly responsive, pixel-perfect website.

#Design tool

#Handoff tools

Monday Hero

Convert designs into native mobile code

#Design tool

#Handoff tools

Handoff

Handoff is a design tool that allows you to visually create user interfaces and export to HTML, CSS and Vue code.

#Design tool

#Handoff tools

Lipsum

Random Lipsum or dummy text generator.

#Developers Tools

#Placeholder

Loripsum

The 'LOREM IPSUM' generator that doesn't suck

#Developers Tools

#Placeholder

Picsum

The Lorem Ipsum for photos.

#Developers Tools

#Placeholder

Placeholder

The Free Image Placeholder Service Favoured By Designers

#Developers Tools

#Placeholder

Logoipsum

Free Placeholder Logo For Your Design Mock-up

#Developers Tools

#Placeholder

DiceBear Avatars

DiceBear is an avatar library for designers and developers. You can choose between simple identicons and lovely designed characters.

#Developers Tools

#Placeholder

Personas by Draftbit

A playful avatar generator for the modern age.

#Developers Tools

#Placeholder

Avataaars

A free online avatar generator for anyone to make their beautiful personal avatar easily!

#Developers Tools

#Placeholder

JSON Placeholder

Free fake API for testing and prototyping.

#Developers Tools

#Placeholder

Fake JSON

Mock an entire backend with minimal coding. Easily create custom HTTP resources complete with fake data. fakeJSON's API scales with your development needs, helping you test and develop more efficiently.

#Developers Tools

#Placeholder

Placekitten

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder.

#Developers Tools

#Placeholder

Cupcake Ipsum

Cupcake Ipsum - Sugar-coated Lorem Ipsum Generator

#Developers Tools

#Placeholder

Stagehand

Stagehand makes it easy for both developers and agents to control a browser. Write code once, run it anywhere.

#AI Tools

#Browser Automation

Midscene

Open-source AI Operator for Web, Mobile App, Automation & Testing

#AI Tools

#Browser Automation

Stage

Design and prototype mobile apps easier than ever. No design or code skills required.

#Design tool

#Prototyping

Material Tailwind

Material Tailwind is an easy to use components library for Tailwind CSS and Material Design.

#Design tool

#Handoff tools

Power Automate

Automate workflows and business processes across apps, systems, and websites with Microsoft Power Automate using AI, digital, and robotic process automation.

#AI Workflow Automation