Free Tailwind CSS UI Components by TailGrids TailGrids is library of high-quality Tailwind CSS UI components and blocks. Crafted for - modern websites
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
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
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
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
react-country-selector Requirements This project makes use of a few dependencies! Tailwind Tailwind-scrollbar Framer Motion Using it After you have pl
Tailwind-Styled-Component Create tailwind css react components like styled components with classes name on multiple lines Before 😬 div className=`fl
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
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
Salvia-kit - Beautiful Dashboards built with Tailwind CSS Salvia-kit dashboard is a dashboards' website built with Tailwind CSS. We took advantage of
React Tailwindcss Boilerplate build with Vite This is a ReactJS + Vite boilerplate to be used with Tailwindcss. What is inside? This project uses many
Material Tailwind Dashboard React Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: 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
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
facebook-clone Building Facebook Clone using React, Tailwind CSS, Node.js. GraphQL and TypeScript 🔥 Installation Client Side cd client yarn install
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
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
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
tailwind-layouts A collection of Tailwind Layouts Playground The website includes a client-side playground which allows components to be rendered and
tailwindcss-classnames Functional typed classnames for TailwindCSS TailwindCSS is a CSS library that has gained a lot of traction. The developer exper
Intro This project forked from https://codepen.io/ScottWindon/pen/RwrXLJR use React , Tailwind css and Chart js build stock card demo project. install
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
Tailwind CSS Filters Translations Portuguese Tailwind CSS Filters is a expressive CSS filters for the utility-first framework Tailwind CSS. div class
tailwindcss-colorize A plugin for Tailwind CSS to colorize arbitrary elements using CSS filters. The most popular use case is to colorize single-color
Tailwind CSS Blend Mode Plugin This plugin adds utilities to use blend-modes with Tailwind CSS. Installation Add this plugin to your project: # Instal
Caret Color - TailwindCSS Plugin This plugin generates classes for coloring carets using caret-color: #;. Installation Pull it in through npm or yarn:
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
Tailwind CSS Text Indent Plugin This plugin adds utilities to use text-indent with Tailwind CSS. Installation Add this plugin to your project: # Insta
Tailwind CSS Shadow Outline Colors Installation npm install tailwindcss-shadow-outline-colors or using if you are using yarn yarn add tailwindcss-shad
⛔️ DEPRECATED This plugin was created before the aspect-ratio property was supported by any browser. You should now use the official @tailwindcss/aspe
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
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
Tailwindcss DarkMode Tailwind CSS plugin that adds variants for DarkMode. Installation # npm npm install @danestves/tailwindcss-darkmode --save-dev #
Tailwindcss prefers dark mode Tailwind CSS plugin that adds variants for @media (prefers-color-scheme: dark). It can also generate dark variants with
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
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.
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.
A anime discovery, streaming site made with NextJs and TailwindCSS. Uses AniList API and video data from GogoAnime. No ads and no vpn required
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 🐛
remix-tailwind Use TailwindCSS with Remix without an extra build step! Install # npm npm install remix-tailwind tailwindcss postcss # pnpm pnpm insta
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
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
saeven-laminas-mvc-skeleton Introduction This is a skeleton application based on the Laminas MVC skeleton that adds AlpineJS, Twig, Doctrine, Circlica
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
Building-real-user-interfaces-using-tailwind Examples of building realworld user interfaces using Tailwind.css The websites that I have tried to repli
“Open” landing page with Tailwind CSS An implementation of the “Open” landing page template by Cruip using Tailwind CSS Boilerplate. 👉 Check out the
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
Tailwind Dark Mode Theme Switcher Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes. Live preview: https://tailwind-
React Template includes pre-configured Tailwind CSS with JIT compilation and hot reloading. Commands: run these commands in the project directory: npm
TWBase Theme A Starter theme for Drupal built with Tailwind CSS. ⚠️ WARNING: TWBase is under development and not yet ready for production 🐞 Recommend
Next.js + Tailwind CSS + Typescript + PrismaJS This project is created and configured using Yarn, so you might wanna add another dependencies or edit
Getting Started with Create React App This project was bootstrapped with Create React App, Styled Components and Tailwind css. Available Scripts In th
Integrate Payments With Next.js, TailwindCSS and Razorpay 💯 Blog: FreeCodeCamp: Integrate Payments With Razorpay, Next.js and TailwindCSS Features Ma
Create Tailwind CSS Plugin Create Tailwind CSS plugin and publish on npm with ease Demo tailwindcss-plugin-demo is generated with create-tailwind-plug
Angular Tailwind CSS Schematics This schematic will add Tailwind CSS to your Angular application. Versions @ngneat/tailwind AngularCLI v7.x.x = 11.2.
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!
Tailwind Config Viewer Tailwind Config Viewer is a local UI tool for visualizing your Tailwind CSS configuration file. Keep it open during development
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
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
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
@nuxtjs/tailwindcss Tailwind CSS module for NuxtJS with modern css ⚡️ ✨ Release Notes 📖 Documentation Features 👌 Zero configuration to start (see vi
TailwindCSS Figma Plugin Making your life with Tailwind CSS and Figma easier. Usage Generate a resolved TailwindCSS config (make sure dependencies are
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
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
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
TailwindCSS Docs Workflow for Alfred An ultra-fast TailwindCSS docs search workflow for Alfred 4 Adapted from Alfred VueJS Docs, which is adapted from
🚨 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
Typed Tailwind · typed.tw Typed Tailwind brings types to Tailwind CSS by generating TypeScript classes (example) whose methods let you use the utility
react-native-tailwindcss A react-native styling system, based on TailwindCSS Easily apply styles to react native components in a tailwindCSS-like fash
RustyWind Install Available via npm yarn global add rustywind or npm install -g rustywind or Install from a github release: curl -LSfs https://avencer
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
Tailwindo This tool can convert Your CSS framework (currently Bootstrap) classes in HTML/PHP (any of your choice) files to equivalent Tailwind CSS cla
Twind The smallest, fastest, most feature complete Tailwind-in-JS solution in existence Twind is a small compiler (~13kB) that converts Tailwind class
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
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
tailwindcss-container-query A plugin that provides CSS Container Queries. BEFORE STARTING This plugin relies on container-query-polyfill. You must add
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
💻 🟦 SvelteKit + TailwindCSS Starter A barebones SvelteKit starter that allows you to quickly scaffold a project with TailwindCSS. ⚙️ Installing this
Tailwind CSS Facebook Profile Page Clone This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:
Next.js TypeScript TailwindCSS & Sass Starter Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!! ⚡️ Quick Start 🚀 Getting Start
👉🏻 tailwindcss-fluid-type A plugin that makes the use of Fluid Type a breeze. 👉🏻 Installation Install the plugin from npm: # Using npm npm install
TailwindCSS plugin for removing scrollbars This plugin exposes a class that hides the browser's default scrollbar using various tricks Installation np
Content Placeholder for Tailwind CSS A plugin to create utility classes for Content Placeholders. Contents Demo About How does it work Installation Ho
@downwindcss/easings A Tailwind CSS Preset to extend Transition Timing Functions (easings). Usage Once you install and configure (steps below), you ca
tailwind-scrollbar-hide Tailwind plugin for hide scrollbars, although the element can still be scrolled if the element's content overflows. Live demo
tailwindcss-capsize A TailwindCSS plugin that generates leading-trim utility classes using Capsize. $ npm install --save-dev tailwindcss-capsize Confi
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
Tailwindcss Brand Colors Tailwind plugin for adding brands colors as background, border and text colors. Installation Add this plugin to your project:
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
tailwind-direction A tailwindcss plugin, that makes working with directions a breeze. Check out the Live Example to try it for yourself. Installation
tailwindcss-rtl Introduction Internationalization in semitic languages needs more than just translating texts, you would also need to mirror the layou
Tailwind Plugin generating triangle arrows for tooltip-ish divs Description This plugin generates styles for CSS based triangle arrows with configurab
Tailwind CSS Scrims Configurable Tailwind plugin for generating scrim utility classes. What are Scrims? In photography, a scrim is something that soft
Triangle After Tailwind Plugin Installation Add this plugin to your project: # Install via npm npm install --save-dev tailwindcss-triangle-after Usage
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
tailwindcss-fluid Fluid utilities for Tailwind CSS Install npm install --save-dev tailwindcss-fluid Usage Add the plugin to your Tailwind configurati
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
RFS Plugin for Tailwind CSS This plugin generates RFS variants of Tailwind utility classes. Requirements This plugin requires a working PostCSS setup
