374 CSS Tailwindcss Libraries

TailGrids is library of high-quality Tailwind CSS UI components and blocks.

TailGrids is library of high-quality Tailwind CSS UI components and blocks.

Free Tailwind CSS UI Components by TailGrids TailGrids is library of high-quality Tailwind CSS UI components and blocks. Crafted for - modern websites

01

Sencillo proyecto y app para compartir ideas creado con Vue.js, WindiCSS (Tailwind), Vite y Firebase

Sencillo proyecto y app para compartir ideas creado con Vue.js, WindiCSS (Tailwind), Vite y Firebase

Vue Ideas Sencillo proyecto y app para compartir ideas creado con Vue.js, WindiCSS (Tailwind), Vite y Firebase Uso npm install npm start # o npm run d

02

Nuxt 3 starter with eslint + prettier + tailwindcss + stylus

Guide Build this repo from the ground up We recommend to look at the documentation. Setup Make sure to install the dependencies yarn install Developme

03

Rick and Morty Charchters

Rick and Morty Charchters

Rick and Morty Charachters This app shows all of the Rick and Morty charachters. Demo You can see the demo here: https://rick-and-morty-two-wheat.verc

04

Aura: See your mood in a whole new light.

Aura: See your mood in a whole new light.

Your mood changes throughout the days. But what if you could see it? Introducing Aura: See your mood in a whole new light. Introducing Aura, an easy t

05

A pretty cool country selector using TailwindCSS and Framer Motion

react-country-selector Requirements This project makes use of a few dependencies! Tailwind Tailwind-scrollbar Framer Motion Using it After you have pl

06

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

Tailwind-Styled-Component Create tailwind css react components like styled components with classes name on multiple lines Before 😬 div className=`fl

07

🏠 Airbnb website using React, Next.js and Tailwind CSS

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind

08

The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

Bookstore Project In this project, I set up my Bookstore project. It is about making a Bookstore with 2 section BOOKS and CATEGORIES (styles and funct

09

Provides 9 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

Provides 9 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

Salvia-kit - Beautiful Dashboards built with Tailwind CSS Salvia-kit dashboard is a dashboards' website built with Tailwind CSS. We took advantage of

10

ReactJS + Vite boilerplate to be used with Tailwindcss.

React Tailwindcss Boilerplate build with Vite This is a ReactJS + Vite boilerplate to be used with Tailwindcss. What is inside? This project uses many

11

Free and Open Source Admin for Tailwind CSS and React based on Google's Material Design.

Free and Open Source Admin for Tailwind CSS and React based on Google's Material Design.

Material Tailwind Dashboard React Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS

12

A basic to-do application built with React and Tailwind CSS.

A basic to-do application built with React and Tailwind CSS.

I'm currently integrating a backend REST API built with Express and MongoDB to handle user data, as well as implementing user authentication with auth

13

A React UI Kit based on Tailwind

A React UI Kit based on Tailwind

Windy A React UI Kit based on Tailwind Install npm i @webeetle/windy Pre Requisites Only one thing: your project must use React and Tailwind CSS Docs

14

Building Facebook Clone using React, Tailwind CSS, Node.js, Express, GraphQL, and TypeScript.

Building Facebook Clone using React, Tailwind CSS, Node.js, Express, GraphQL, and TypeScript.

facebook-clone Building Facebook Clone using React, Tailwind CSS, Node.js. GraphQL and TypeScript πŸ”₯ Installation Client Side cd client yarn install

15

Block merging game built with React, Redux and Tailwind.

Block merging game built with React, Redux and Tailwind.

Tetromino A tetris-style game created with React, Redux and TailwindCSS. What is it? For those of you not familiar with Tetris, it's a game where you

16

A Linear App clone with React and Tailwind CSS

A Linear App clone with React and Tailwind CSS

Linear.app clone with React & Tailwind CSS A clone of Linear app made with React & Tailwind CSS Video Demo Setup & Run $ npm install $ npm start Note

17

Notus React: Free Tailwind CSS UI Kit and Admin

Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

18

Collection of Tailwind Layouts

Collection of Tailwind Layouts

tailwind-layouts A collection of Tailwind Layouts Playground The website includes a client-side playground which allows components to be rendered and

19

Functional typed classnames for TailwindCSS

Functional typed classnames for TailwindCSS

tailwindcss-classnames Functional typed classnames for TailwindCSS TailwindCSS is a CSS library that has gained a lot of traction. The developer exper

20

React + Tailwind css + ChartJs stock card

React + Tailwind css + ChartJs stock card

Intro This project forked from https://codepen.io/ScottWindon/pen/RwrXLJR use React , Tailwind css and Chart js build stock card demo project. install

21

A responsive landing page for food delivery app made with React & Tailwind CSS.

A responsive landing page for food delivery app made with React & Tailwind CSS.

React & Tailwind CSS Landing Page Intro I started this project to gain experience of Tailwind CSS which is a utility-first mobile-first CSS library. L

22

Expressive CSS filters for Tailwind CSS.

Tailwind CSS Filters Translations Portuguese Tailwind CSS Filters is a expressive CSS filters for the utility-first framework Tailwind CSS. div class

23

A plugin for Tailwind CSS to colorize arbitrary elements using CSS filters.

tailwindcss-colorize A plugin for Tailwind CSS to colorize arbitrary elements using CSS filters. The most popular use case is to colorize single-color

24

Blend-mode utilities for Tailwind CSS.

Tailwind CSS Blend Mode Plugin This plugin adds utilities to use blend-modes with Tailwind CSS. Installation Add this plugin to your project: # Instal

25

Tailwindcss plugin to color caret in input fields

Caret Color - TailwindCSS Plugin This plugin generates classes for coloring carets using caret-color: #;. Installation Pull it in through npm or yarn:

26

Tailwind CSS plugin to generate filter and backdrop filter utilities

BLACK LIVES MATTER Be aware. Be angry. Do better. Demand change. Show your support any way you can. Click on the link above to find protests, petition

27

Text-indent utilities for Tailwind CSS.

Tailwind CSS Text Indent Plugin This plugin adds utilities to use text-indent with Tailwind CSS. Installation Add this plugin to your project: # Insta

28

A TailwindCSS plugin for creating shadow outline with multiple colors

Tailwind CSS Shadow Outline Colors Installation npm install tailwindcss-shadow-outline-colors or using if you are using yarn yarn add tailwindcss-shad

29

Aspect Ratio Plugin for tailwindcss framework

⛔️ DEPRECATED This plugin was created before the aspect-ratio property was supported by any browser. You should now use the official @tailwindcss/aspe

30

Tailwind CSS plugin to generate gap utilities

BLACK LIVES MATTER Be aware. Be angry. Do better. Demand change. Show your support any way you can. Click on the link above to find protests, petition

31

🌚 A Tailwind CSS plugin that adds variants for dark mode

Tailwind CSS Dark Mode ⚠️ Dark mode is built in to Tailwind CSS as of v2.0. This plugin will receive no further updates. Installation npm install tail

32

Tailwind CSS plugin that adds variants for DarkMode

Tailwindcss DarkMode Tailwind CSS plugin that adds variants for DarkMode. Installation # npm npm install @danestves/tailwindcss-darkmode --save-dev #

33

Tailwind CSS plugin that adds variants for @media (prefers-color-scheme: dark) or using an activator CSS class

Tailwindcss prefers dark mode Tailwind CSS plugin that adds variants for @media (prefers-color-scheme: dark). It can also generate dark variants with

34

A better base for styling form elements with Tailwind CSS.

A better base for styling form elements with Tailwind CSS.

This project is not compatible with Tailwind CSS v2.0+ and has been deprecated in favor of @tailwindcss/forms. You can still use this if you are on Ta

35

Starter template for NextJs with TypeScript. Supports Tailwind with CSS-Modules.

Starter template for NextJs with TypeScript. Supports Tailwind with CSS-Modules.

Starter template for NextJs with TypeScript. Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

36

Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by

Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by

Free Tailwind & Vue.js admin dashboard template Mosaic Lite Vue is a responsive dashboard template built on top of TailwindCSS and fully coded in Vue.

37

A anime discovery, streaming site made with NextJs and TailwindCSS.

A anime discovery, streaming site made with NextJs and TailwindCSS. Uses AniList API and video data from GogoAnime. No ads and no vpn required

38

A simple links theme for Hugo built with Tailwind CSS.

A simple links theme for Hugo built with Tailwind CSS.

Lynx Lynx is designed to be a simple links page powered by Hugo. It's built using Tailwind CSS and inspired by services like LinkTree. 🌏 Demo site πŸ›

39

Use TailwindCSS with Remix without an extra build step!

remix-tailwind Use TailwindCSS with Remix without an extra build step! Install # npm npm install remix-tailwind tailwindcss postcss # pnpm pnpm insta

40

Nuxt.js & TailwindCSS version of the portfolio project.

Nuxt.js & TailwindCSS version of the portfolio project.

Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the

41

Uber Web Clone using Next.js, React.js, TailwindCSS, Firebase and Mapbox

uber-next-clone Uber Clone using Next.js, React.js, TailwindCSS, Firebase and Mapbox This is a Next.js project bootstrapped with create-next-app. Gett

42

This is a skeleton application based on the Laminas MVC skeleton that adds AlpineJS, Twig, Doctrine, Circlical/User, Assetic, TailwindCSS and more!

saeven-laminas-mvc-skeleton Introduction This is a skeleton application based on the Laminas MVC skeleton that adds AlpineJS, Twig, Doctrine, Circlica

43

Basic vuejs project boiler-plate setup with tailwindcss, vuex, vue-router, vue-i18n...

vue-base Note: This boiler-plate comes with: Tailwincss Vuex Vue-router Vue-in18 Project setup npm install Compiles and hot-reloads for development n

44

Demo of building real-world UIs using TailwindCSS

Demo of building real-world UIs using TailwindCSS

Building-real-user-interfaces-using-tailwind Examples of building realworld user interfaces using Tailwind.css The websites that I have tried to repli

45

πŸ›¬ An implementation of the β€œOpen” landing page template using Tailwind CSS Boilerplate.

β€œOpen” landing page with Tailwind CSS An implementation of the β€œOpen” landing page template by Cruip using Tailwind CSS Boilerplate. πŸ‘‰ Check out the

46

An switch toggle for tailwindcss

An switch toggle for tailwindcss

An switch toggle for tailwindcss

47

A clone of Acquia's dashboard, built with Vue.js and Tailwind CSS.

A clone of Acquia's dashboard, built with Vue.js and Tailwind CSS.

Rebuilding Acquia A clone of Acquia’s hosting dashboard, built with Vue.js and Tailwind CSS. View the site live on Netlify β†’ Project setup yarn instal

48

Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.

Tailwind Dark Mode Theme Switcher Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes. Live preview: https://tailwind-

49

A simple tailwindcss & headlessui react application template

React Template includes pre-configured Tailwind CSS with JIT compilation and hot reloading. Commands: run these commands in the project directory: npm

50

🦊 Starter theme for Drupal 9 built with Tailwind CSS

TWBase Theme A Starter theme for Drupal built with Tailwind CSS. ⚠️ WARNING: TWBase is under development and not yet ready for production 🐞 Recommend

51

NextJS starting template using TailwindCSS, Typescript, and Prisma, equipped with Eslint and Prettier

Next.js + Tailwind CSS + Typescript + PrismaJS This project is created and configured using Yarn, so you might wanna add another dependencies or edit

52

Startup project using styled-components and tailwind with React

Getting Started with Create React App This project was bootstrapped with Create React App, Styled Components and Tailwind css. Available Scripts In th

53

FreeCodeCamp: Integrate Payments With Razorpay, Next.js and TailwindCSS Landing

FreeCodeCamp: Integrate Payments With Razorpay, Next.js and TailwindCSS  Landing

Integrate Payments With Next.js, TailwindCSS and Razorpay πŸ’― Blog: FreeCodeCamp: Integrate Payments With Razorpay, Next.js and TailwindCSS Features Ma

54

Next generation utility-first CSS framework.

Next generation utility-first CSS framework.

Next generation utility-first CSS framework.

55

πŸ“Ÿ Create Tailwind CSS plugin and publish on npm with ease

πŸ“Ÿ  Create Tailwind CSS plugin and publish on npm with ease

Create Tailwind CSS Plugin Create Tailwind CSS plugin and publish on npm with ease Demo tailwindcss-plugin-demo is generated with create-tailwind-plug

56

πŸ”₯ A schematic that adds Tailwind CSS to Angular applications

πŸ”₯ A schematic that adds Tailwind CSS to Angular applications

Angular Tailwind CSS Schematics This schematic will add Tailwind CSS to your Angular application. Versions @ngneat/tailwind AngularCLI v7.x.x = 11.2.

57

A set of Blade components to rapidly build forms with Tailwind CSS v1, Tailwind CSS v2, Bootstrap 4 and Bootstrap 5.

A set of Blade components to rapidly build forms with Tailwind CSS v1, Tailwind CSS v2, Bootstrap 4 and Bootstrap 5.

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

58

A local UI tool for visualizing your Tailwind CSS configuration file.

A local UI tool for visualizing your Tailwind CSS configuration file.

Tailwind Config Viewer Tailwind Config Viewer is a local UI tool for visualizing your Tailwind CSS configuration file. Keep it open during development

59

πŸ¦Ήβ€β™‚οΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

πŸ¦Ήβ€β™‚οΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

Twin blends the magic of Tailwind with the flexibility of css-in-js Demo twin on CodeSandbox β†’ Style jsx elements using Tailwind classes: import 'twin

60

Tailwind CSS as a templating language in JS and CSS-in-JS

Tailwind CSS as a templating language in JS and CSS-in-JS

This repo contains a collection of packages that makes the integration of Tailwind with CSS-in-JS libraries easier. Why does this exist? You may have

61

Preact CLI Plugin that helps add Tailwind CSS to your project

Preact CLI Tailwind CSS Plugin Adds Tailwind CSS to Preact CLI. Tailwind is added as a PostCSS Plugin. Usage npm i preact-cli-tailwind tailwindcss --s

62

Tailwind CSS module for Nuxt

Tailwind CSS module for Nuxt

@nuxtjs/tailwindcss Tailwind CSS module for NuxtJS with modern css ⚑️ ✨ Release Notes πŸ“– Documentation Features πŸ‘Œ Zero configuration to start (see vi

63

Figma Plugin for TailwindCSS

Figma Plugin for TailwindCSS

TailwindCSS Figma Plugin Making your life with Tailwind CSS and Figma easier. Usage Generate a resolved TailwindCSS config (make sure dependencies are

64

Figma Kit for TailwindCSS

Figma Kit for TailwindCSS

Figma Kit for TailwindCSS Information Click the banner or here to get to the project Limitations Font styles need to be overwritten separately Figma d

65

vue-cli plugin for Tailwind CSS

vue-cli-plugin-tailwind A plugin that adds Tailwind CSS to your vue-cli project. Getting started Inside your vue-cli project folder add the plugin via

66

A CLI tool for integrating Tailwind CSS into Angular-CLI projects

ng-tailwindcss A CLI tool for integrating Tailwind CSS into Angular-CLI projects with as little pain as possible Read this article to learn more about

67

An ultra-fast TailwindCSS docs search workflow for Alfred 4

An ultra-fast TailwindCSS docs search workflow for Alfred 4

TailwindCSS Docs Workflow for Alfred An ultra-fast TailwindCSS docs search workflow for Alfred 4 Adapted from Alfred VueJS Docs, which is adapted from

68

A Tailwind plugin for Gridsome.

A Tailwind plugin for Gridsome.

🚨 If you get errors about PostCSS v8, check out Tailwind's docs for the latest info about the compat version. gridsome-plugin-tailwindcss This plugin

69

Brings types to TailwindCSS via TypeScript.

Brings types to TailwindCSS via TypeScript.

Typed Tailwind Β· typed.tw Typed Tailwind brings types to Tailwind CSS by generating TypeScript classes (example) whose methods let you use the utility

70

A react-native style system based on TailwindCSS

react-native-tailwindcss A react-native styling system, based on TailwindCSS Easily apply styles to react native components in a tailwindCSS-like fash

71

CLI for organizing Tailwind CSS classes

RustyWind Install Available via npm yarn global add rustywind or npm install -g rustywind or Install from a github release: curl -LSfs https://avencer

72

βš™οΈ Shift to the next TailwindCSS version hassle-free.

βš™οΈ Shift to the next TailwindCSS version hassle-free.

Tailwind Shift A helper tool to upgrade your current codes of a project to latest version of TailwindCSS without a hassle. It's currently support shif

73

πŸ”Œ Convert Bootstrap CSS code to Tailwind CSS code

πŸ”Œ  Convert Bootstrap CSS code to Tailwind CSS code

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

74

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

Twind The smallest, fastest, most feature complete Tailwind-in-JS solution in existence Twind is a small compiler (~13kB) that converts Tailwind class

75

A Babel plugin to add custom dark tailwind class when compiling your code using Babel.

babel-plugin-tailwind-dark A Babel plugin to add custom dark class when compiling your code using Babel. Usage Install the plugin first: npm install b

76

Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

Tailwind Starter Kit A beautiful extension for TailwindCSS. Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the alr

77

A plugin that provides CSS Container Queries for tailwindcss.

tailwindcss-container-query A plugin that provides CSS Container Queries. BEFORE STARTING This plugin relies on container-query-polyfill. You must add

78

twitter clone with web 3.0 built using next.js, tailwindcss, and moralis.io

twitter clone with web 3.0 built using next.js, tailwindcss, and moralis.io

Web 3.0 Twitter Clone About A twitter clone built using next.js, moralis.io, and tailwindcss. Demo Here's a demo for the application. Features This ap

79

A barebones starter kit for SvelteKit and TailwindCSS that includes: TypeScript, Prettier, ESLint, PostCSS, and SASS.

A barebones starter kit for SvelteKit and TailwindCSS that includes: TypeScript, Prettier, ESLint, PostCSS, and SASS.

πŸ’» 🟦 SvelteKit + TailwindCSS Starter A barebones SvelteKit starter that allows you to quickly scaffold a project with TailwindCSS. βš™οΈ Installing this

80

React facebook profile page clone with tailwind css.

React facebook profile page clone with tailwind css.

Tailwind CSS Facebook Profile Page Clone This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

81

Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!!

Next.js TypeScript TailwindCSS & Sass Starter Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!! ⚑️ Quick Start πŸš€ Getting Start

82

A plugin that makes the use of Fluid Type a breeze.

A plugin that makes the use of Fluid Type a breeze.

πŸ‘‰πŸ» tailwindcss-fluid-type A plugin that makes the use of Fluid Type a breeze. πŸ‘‰πŸ» Installation Install the plugin from npm: # Using npm npm install

83

This plugin exposes a class that hides the browser's default scrollbar using various tricks.

TailwindCSS plugin for removing scrollbars This plugin exposes a class that hides the browser's default scrollbar using various tricks Installation np

84

A TailwindCSS Content Placeholder plugin

Content Placeholder for Tailwind CSS A plugin to create utility classes for Content Placeholders. Contents Demo About How does it work Installation Ho

85

Tailwind CSS preset to extend Tailwind CSS's Transition Timing Function

@downwindcss/easings A Tailwind CSS Preset to extend Transition Timing Functions (easings). Usage Once you install and configure (steps below), you ca

86

tailwindcss plugin for hide scrollbar

tailwindcss plugin for hide scrollbar

tailwind-scrollbar-hide Tailwind plugin for hide scrollbars, although the element can still be scrolled if the element's content overflows. Live demo

87

βœ‚οΈ Tailwind CSS utility classes for trimming whitespace above & below capital letters.

tailwindcss-capsize A TailwindCSS plugin that generates leading-trim utility classes using Capsize. $ npm install --save-dev tailwindcss-capsize Confi

88

Tailwind CSS plugin that generates Bootstrap's flexbox grid

tailwind-bootstrap-grid Bootstrap v5 flexbox grid system as a Tailwind CSS plugin. Check the demo. Installation npm i -D tailwind-bootstrap-grid In ta

89

Tailwind plugin for adding brands colors as background, border and text colors.

Tailwindcss Brand Colors Tailwind plugin for adding brands colors as background, border and text colors. Installation Add this plugin to your project:

90

Background svg Tailwind Plugin

Background svg Tailwind Plugin Tailwind pre 1.0.0 Use version 1.0.2 with any tailwind pre 1.0.0 Installation Add this plugin to your project: # Instal

91

Tailwind bi-directionality plugin

Tailwind bi-directionality plugin

tailwind-direction A tailwindcss plugin, that makes working with directions a breeze. Check out the Live Example to try it for yourself. Installation

92

Enabling bidirectional support on tailwindcss framework

Enabling bidirectional support on tailwindcss framework

tailwindcss-rtl Introduction Internationalization in semitic languages needs more than just translating texts, you would also need to mirror the layou

93

Tooltip Arrows After

Tooltip Arrows After

Tailwind Plugin generating triangle arrows for tooltip-ish divs Description This plugin generates styles for CSS based triangle arrows with configurab

94

Configurable Tailwind plugin for generating scrim classes.

Tailwind CSS Scrims Configurable Tailwind plugin for generating scrim utility classes. What are Scrims? In photography, a scrim is something that soft

95

CSS :after triangle plugin for tailwindcss framework

Triangle After Tailwind Plugin Installation Add this plugin to your project: # Install via npm npm install --save-dev tailwindcss-triangle-after Usage

96

Tailwind CSS plugin to generate typography utilities and text style components

BLACK LIVES MATTER Be aware. Be angry. Do better. Demand change. Show your support any way you can. Click on the link above to find protests, petition

97

Fluid utilities for Tailwind CSS

tailwindcss-fluid Fluid utilities for Tailwind CSS Install npm install --save-dev tailwindcss-fluid Usage Add the plugin to your Tailwind configurati

98

Re-adds the list-reset utility that was removed prior to Tailwind 1.0.0.

Tailwind CSS Plugin: List Reset Re-adds the list-reset utility that was removed prior to Tailwind 1.0.0. Alternatively, you can achieve the same effec

99

This is a Tailwind CSS plugin to generate utility classes for RFS

RFS Plugin for Tailwind CSS This plugin generates RFS variants of Tailwind utility classes. Requirements This plugin requires a working PostCSS setup

100
1 2 3 4