374 CSS Tailwindcss Libraries

Tailwind CSS plugin to generate border image gradient utilities.

Tailwind CSS Border Gradients This plugin is based on the tailwindcss-gradients plugin. Installation npm install tailwindcss-border-gradients Simple u

01

A plugin for Tailwind CSS to create utility classes for hyphens.

tailwindcss-hyphens A plugin for Tailwind CSS to create utility classes for hyphens. Requirements This plugin requires Tailwind CSS v1.x. Installation

02

writing mode utilities for tailwindcss

Writing mode Tailwind Plugin Installation Add this plugin to your project: # Install via npm npm install --save-dev tailwindcss-writing-mode Usage req

03

Tailwind CSS plugin for Material Components elevation classes

tailwindcss-elevation Add Material Components elevation classes to your Tailwind CSS project. Check out the demo! Installation To install the package,

04

Image-rendering utilities for Tailwind CSS.

Tailwind CSS Image Rendering Plugin This plugin adds utilities to use image-rendering with Tailwind CSS. Installation Add this plugin to your project:

05

Tailwind CSS plugin that lets you write your configuration file with your own custom utilities as though they were native to the framework

🧩 Tailwind CSS Custom Native Utilities This Tailwind CSS plugin allows you to write configuration for your own custom utility in the theme and varian

06

Utilities and variants for styling Radix state

TailwindCSS Radix Utilities and variants for styling Radix state Installation yarn yarn add tailwindcss-radix npm npm i tailwindcss-radix Usage You ca

07

🎨 Adds multiple themes support for Tailwind CSS and Windi CSS.

🎨 Adds multiple themes support for Tailwind CSS and Windi CSS.

tailwindcss-themeable tailwindcss-themeable Demos Installation Usage Override auto-generated shade values Customized palette keys Full configurations

08

Extend your tailwind config with CSS Custom Properties and trigger the updating of them with any type of selector or media query.

tailwindcss-theme-swapper Extend your tailwind config with CSS Custom Properties and trigger the updating of them with any type of selector or media q

09

🎨 The easiest way to create themes with Tailwind CSS.

Tailwind CSS Multi Theme Most theme plugins ask too much from the start. If you know how to create a simple page with default Tailwind, you already kn

10

Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

πŸŒ— Tailwind CSS Theme Variants This Tailwind CSS plugin registers variants for theming beyond just light and dark modes without needing custom propert

11

Tailwind CSS plugin for client-side theming using CSS variables, with dark mode support

Tailwind CSS Theming Note: Even though it should support Tailwind 2, I didn't thoroughly tested it. I plan to do it when I have time, and probably rew

12

A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

@tailwindcss/forms A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. Installation Note th

13

@tailwindcss/line-clamp

@tailwindcss/line-clamp A plugin that provides utilities for visually truncating text after a fixed number of lines. Installation Install the plugin f

14

@tailwindcss/aspect-ratio

@tailwindcss/aspect-ratio A plugin that provides a composable API for giving elements a fixed aspect ratio. Installation Install the plugin from npm:

15

A plugin that provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don't control

A plugin that provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don't control, like HTML rende

16

tailwindcss class name completion for (neo)vim

tailwindcss class name completion for (neo)vim

Tailwind CSS IntelliSense fork from vscode-tailwindcss v0.2.0 Tailwind CSS class name completion for coc.nvim Install CocInstall coc-tailwindcss or wi

17

An opinionated Tailwind CSS class sorter built for Visual Studio Code

An opinionated Tailwind CSS class sorter built for Visual Studio Code

Headwind Headwind is an opinionated Tailwind CSS class sorter for Visual Studio Code. It enforces consistent ordering of classes by parsing your code

18

Tailwind CSS for Rails

Tailwind CSS for Rails Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be compos

19

A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

20

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

Vechai UI Collection of Accessible React UI Components using TailwindCSS. Documentation: vechaiui.com NPM: @vechaiui/react ✨ Features πŸ“¦ A set of acce

21

An atomic design toolkit for pragmatists

An atomic design toolkit for pragmatists

An atomic design toolkit for pragmatists Discover a17t Β» Concepts β€’ CDN β€’ Office Hours Installation a17t is available on NPM, and can be installed wit

22

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.

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 appli

23

Basic UI components for Tailwind CSS.

Sail UI A collection of basic UI components built on Tailwind CSS. Demo. Who's this for? Serial Users If you're already using Tailwind and you find yo

24

Examples to help you get started building your own Tailwind CSS plugins.

Examples to help you get started building your own Tailwind CSS plugins.

Tailwind CSS Example Plugins To get started, clone the project and install the dependencies: # Using npm npm install # Using Yarn yarn After that, yo

25

Opinionated Vite starter template with TailwindCSS

Opinionated Vite starter template with TailwindCSS

Opinionated Vite starter template with TailwindCSS Inspired by Vitesse ❀ Features ⚑️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness πŸ—‚ File based r

26

πŸš€ Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚑️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

πŸš€ Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚑️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Boilerplate and Starter for Next JS 12+, Tailwind CSS 2.0 and TypeScript πŸš€ Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript ⚑️ Made w

27

Landing website + Blog using Jekyll & Tailwind CSS

Landing website + Blog using Jekyll & Tailwind CSS

Cookie - a fast and easy to deploy landing website for your next project. Cookie is a Jekyll and Tailwind CSS based static website that makes the whol

28

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI πŸ§ͺ

Shopify Theme Lab Shopify Theme Lab is a customizable modular development environment for blazing-fast Shopify theme creation. It is built on top of t

29

⚑ Vite + Vue 3 + Tailwind CSS βœ”

⚑ Vite + Vue 3 + Tailwind CSS βœ”

⚑ Vite + Vue 3 + Tailwind CSS βœ” This starter template includes: Vite Vue 3 Tailwind CSS v3 Vue Router v4 Inter var font (self-hosted, woff2, v3.19, wi

30

A starter of build VuePress Theme with TailwindCss.

A starter of build VuePress Theme with TailwindCss.

VuePress TailwindCss Theme Starter A starter of build VuePress theme with tailwindcss. VuePress provides a lot of out of the box functionality tools y

31

Tailwind CSS + ParcelJS + TypeScript boilerplate

Tailwind CSS + ParcelJS + TypeScript boilerplate πŸ„β€β™€οΈ How to use Use npm run prod to build everything from /src to /dist Use npm run watch to watch f

32

Tailwind CSS + PostCSS + BrowserSync boilerplate

Tailwind CSS + PostCSS + BrowserSync boilerplate πŸ’‘ Features Tailwind CSS, AutoPrefixer, PurgeCSS and CSSnano configed in PostCSS [Optional] automatic

33

Nanoc Starter

Nanoc + Parcel + TailwindCSS Starter kit for static sites on nanoc with a bit of JavaScript and TailwindCSS styling. Initial setup It is assumed you a

34

Starter files for a Hugo theme with Tailwindcss

Hugo Starter Theme with Tailwind CSS Starter files for a Hugo theme with Tailwind CSS. set up to use Tailwind CSS - v2.0+ includes the @tailwindcss/ty

35

A starter project with Netlify Lambda, Tailwind CSS and static pages.

Netlify Lambda Tailwind Static Starter demo A starter project with Netlify Lambda, Tailwind CSS and static pages. There's a lambda generating random e

36

Sapper, Svelte, TailwindCSS, PurgeCSS starter with Prettier and ESLint enabled

Sapper TailwindCSS Starter This pulls together Sapper, Svelte 3, Tailwind CSS, and PurgeCSS to create a simple starter kit for the sveltest apps ever.

37

create react app with tailwindcss configed

Create React App + Tailwind CSS (with Purgecss, Autoprefixer, CSSNano) It's Create React App but with Tailwind CSS config, ready to use Clone npm i np

38

Integrate Tailwind CSS in a Create React App setup

Integrate Tailwind CSS in a Create React App setup

This project was bootstrapped with Create React App. It shows how you could setup Tailwind CSS, a new utility-first css framework, in an CRA environme

39

A Gatsby Starter with Tailwind CSS + Emotion Js

Gatsby Tailwind Emotion Starter Getting Started Install Gatsby CLI: npm install --global gatsby-cli Create new Gatsby project using this starter: gats

40

Gatsby + TypeScript + TailwindCSS

Gatsby + TypeScript + TailwindCSS

Gatsby TypeScript Tailwind πŸš€ Quick start Clone the project and start developing. Navigate into your new site’s directory and start it up. git clone h

41

A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites

A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites

Simplicity Itself Gatsby/TailwindCSS Starter Theme A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites. DEMO: simplicity-itself.plan

42

A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.

A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.

Jekyll Tailwindcss Starter A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS. Features Integrated with Tailwind CSS v2.2+, inc

43

🌬A bare-bones Tailwind CSS boilerplate

Create Tailwind CSS Boilerplate A bare-bones Tailwind CSS boilerplate. It creates a simple HTML + CSS template with Tailwind CSS support, served by Pa

44

πŸ’₯ One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in `npx new-tailwind-app` in your terminal and set up everything instantly.

πŸ’₯ One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in `npx new-tailwind-app` in your terminal and set up everything instantly.

A zero-configuration cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications. Simple: One command set

45

⚑️ Set up Next.js Progressive Web App with `npx create-next-pwa`

⚑️ Set up Next.js Progressive Web App with `npx create-next-pwa`

⚑️ create-next-pwa A cross-platform Node.js based CLI tool that creates Progressive Web App (PWA) with Next.js. You can also integrate tailwind with t

46

A streamlined Tailwind CSS template for Create React App in TypeScript

A streamlined Tailwind CSS template for Create React App in TypeScript

cra-template-tailwindcss-typescript A streamlined Tailwind CSS v2.0 template for Create React App in TypeScript. Usage npx create-react-app my-app --t

47

React + Tailwind + Emotion

React Tailwind Emotion Starter This project is based on create-react-app. Usage git clone https://github.com/muhajirframe/react-tailwind-emotion-start

48

Dark tailwindcss preset including auth views

Dark tailwindcss preset including auth views

dark-tailwind-preset Preset using tailwindcss to start off with a dark style! Install composer require naoray/dark-tailwind-preset --dev Usage php art

49

A Tailwind CSS frontend preset for the Laravel Framework

A Tailwind CSS frontend preset for the Laravel Framework

Laravel 7.0+ Frontend preset for Tailwind CSS A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Dev

50

A preset for installing @tailwindlabs in a fresh Laravel project

Tailwind CSS for Laravel npx apply laravel:tailwindcss This preset adds a basic Tailwind CSS installation to Laravel. It's a good starting point

51

Create React apps with no build configuration, extended with TailwindCSS and PurgeCSS

Create React apps with no build configuration, extended with TailwindCSS and PurgeCSS

Create React App, included with TailwindCSS and PurgeCSS Create React apps with no build configuration. Included with TailwindCSS Included with PurgeC

52

Free Vue.js 3 Tailwind CSS 3 admin dashboard template with dark mode. Vite & Vue CLI supported

Free Vue.js 3 Tailwind CSS 3 admin dashboard template with dark mode. Vite & Vue CLI supported

Admin One β€” Free Vue 3 Tailwind 3 Admin Dashboard with dark mode Admin One is simple, beautiful and free Vue.js 3.x Tailwind CSS 3.x admin dashboard.

53

A set of gorgeous Transactional HTML Email Templates built on TailwindCSS

A set of gorgeous Transactional HTML Email Templates built on TailwindCSS

A set of gorgeous Transactional HTML Email Templates built on TailwindCSS About This is a collection of gorgeous HTML transactional email templates, b

54

Tailmin - Admin dashboard built with Vue.js and Tailwind CSS

Tailmin - Admin dashboard built with Vue.js and Tailwind CSS

Tailmin Admin Dashboard Template - Live Demo Admin dashboard built with Vue.js and Tailwind CSS Usage Clone this repository Run npm install to install

55

A free Nuxt.js tailwindcss landing page template designed to showcase SaaS businesses, online services, and more.

A free Nuxt.js tailwindcss landing page template designed to showcase SaaS businesses, online services, and more.

Free Nuxtjs Tailwindcss landing page template with RTL support Petra is a free Nuxt.js TailwindCSS landing page template Use it for whatever you want,

56

Dashboard starter template built with Vue 3 and Tailwind CSS.

Dashboard starter template built with Vue 3 and Tailwind CSS.

V-Dashboard Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript. Copied from https://github.com/tailwindcomponents/dashboar

57

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

Free Tailwind landing page template Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Simple light is

58

admin panel template built on tailwind css :tada:

admin panel template built on tailwind css :tada:

Tailwind Admin Super simple admin panel using Tailwind CSS. Live Demo Note For Tailwind CSS version 1.0 Please use 1.0.0 branch To get started, clon

59

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

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

vue-tailwindcss-typeahead Just another vue&tailwind component that present you complete typeahead/autocomplete input. Explore the docs Β» View Demo on

60

A Tailwind CSS datepicker built with vanilla JavaScript

A Tailwind CSS datepicker built with vanilla JavaScript

Tailwind CSS Datepicker This project is a free and open source datepicker library which uses the utility-first classes from Tailwind and the JavaScrip

61

Tailwind CSS Components

Tailwind CSS Components

Tailwind CSS Components Adds component classes like btn, card and more to Tailwind CSS [ See all components ] daisyUI πŸ‘‰ [ See all components ] πŸ“˜ Doc

62

Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS

Jakarta LTE -  Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS

JAKARTA LTE Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS Demo https://undercode99.github.io/jakarta-lte/ Develop

63

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

Tailwind Cards I used the TailWind CSS Boilerplate project for this. A growing collection of text/image cards you can use/copy-paste in your tailwind

64

The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

πŸ’œ Tails - Open Source Components The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and compon

65

Clean UI based on tailwindcss

Tails-UI React UI components using tailwindcss Components: Alert Article Box Breadcrumbs Button Card CodeBlock DangerousHTML Dropdown Flex ImageCarous

66

Vue UI components with configurable classes ready for TailwindCSS

Vue-Tailwind For more info, check the official site: https://vue-tailwind.com/. VueTailwind is a set of Vue components created to be customized to ada

67

Personal portfolio website of theme Ubuntu 20.04, made using NEXT.js & tailwind CSS

Personal portfolio website of theme Ubuntu 20.04, made using NEXT.js & tailwind CSS

Web simulation of UbuntuOS This is a personal portfolio website of theme Ubuntu 20.04, made using React.js & tailwind CSS. If you want to edit this. C

68

Moltin, Tailwindcss powered VueCommerce

misiki-books Dead simple ecommerce powered by Moltin Misiki Books Build Setup # install dependencies $ yarn install # serve with hot reload at localh

69

Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated

Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated

Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.

70

πŸ“ˆ League of Legends Stats Web App

πŸ“ˆ League of Legends Stats Web App

LeagueStats The goal of leaguestats.gg is to provide global complete data for all League of Legends summoners. Here is an example of stats for some su

71

Front-end application for Todolist Web application built with Laravel and Vue.js

Front-end application for Todolist Web application built with Laravel and Vue.js

Todolist-frontend Application Frontend for https://github.com/guillaumebriday/todolist-backend-laravel app, built for a serie of articles on my blog.

72

Self hosted project management and collaboration tool powered by TALL stack

Self hosted project management and collaboration tool powered by TALL stack

Notice: Project is currently paused, do not use Sponsored By: Self hosted project management and collaboration tool inspired by basecamp. Tech Stack:

73

A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

74
1 2 3 4