Tailwind CSS Plugin: Skip Link Overview # Using npm npm install --save-dev tailwindcss-skip-link # Using yarn yarn add --dev tailwindcss-skip-link Us
Tailwind Card Plugin Installation Simply require the plugin in your project: # With NPM npm install @nathanheffley/tailwindcss-card --save-dev # With
Tailwind CSS Tables Plugin This plugin generates bootstrap styled tables in Tailwind CSS. Anything in the bootstrap tables documentation should work.
tailwind-responsive-embed I recommend switching to @tailwindcss/aspect-ratio instead of using this plugin. This plugin DOES NOT WORK with @tailwindcss
tailwind-heropatterns Installation Add this plugin to your project: # Install via npm npm install --save-dev tailwind-heropatterns # or yarn yarn add
Tailwind CSS Debug Screens π± A Tailwind CSS component that shows the currently active screen (responsive breakpoint). Demo Install Requires Tailwind
tailwindcss-fl TailwindCSS plugin to generate fluid utility classes by leveraging existing config. Motivation Increase productivity by writing less ma
Tailwind CSS Pulgin for Matching Border Radii Installation npm install tailwindcss-padded-radius
Important variant plugin for tailwindcss framework
tailwindcss-localized Allows you to create utilities that have an effect only on certain page languages. Since content looks differently across transl
tailwindcss-alpha Automatic alpha variants for your Tailwind CSS colors Why? If youβre like me your Tailwind CSS color configuration often ends up loo
Tailwind Touch Plugin This plugin adds a collection of variants to allow fine grain control over how elements appear on touch and non touch devices, C
Tailwind Direction Tailwind Direction adds a custom direction variant to your tailwind project, letting you have custom CSS rules for LTR and RTL layo
Tailwind CSS Pseudo Selector Plugin Requirements Tailwind CSS = v1.0.0 Installation Install via Yarn: $ yarn add tailwindcss-pseudo Usage // tailwind
vue3-tailwind-app Demonstration of using Tailwindcss in Vue3. Note Currently Tailwindcss 3 isn't supported in Vue3 due to postcss 8 incompatibility. H
USER LIST WITH VUE 3 Simple , minimalist and responsive User list made with VUE 3 and TAILWIND ! LINK DEMO : https://userlist-khangltm.netlify.app SOU
Minishcap Demo A simple website for minishcap. Built in Vite + TypeScript + TailwindCSS. You can check the online demo here: minishcap-demo Developmen
Vue components built for Vue3 powered by Windi CSS or tailwindcss π Features π All components and classes include dark-mode support π Programmatic
LaLoka Layouts for Tailwind CSS A collection of popular layouts and patterns made with Tailwind CSS Build Setup # install dependencies $ npm install
Twitter Clone A Twitter clone created with Golang, PostgreSQL, Redis, VueJS and Vite with support for dark mode and light mode using TailwindCSS Statu
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
About GoodManWEN.github.io A website simulating linux system's GUI, using theme of Deepin distro. You can write blogs with markdown and use it to serv
goflink discount checker goflink aka flink discount checker app with city provided check and amount Update Hey, I'm going to put the project on hold,
Starter Vue 3 + Typescript + Vite + Tailwindcss This template should help get you started developing with Vue 3, Typescript and Tailwindcss in Vite. T
whoobe-one-studio WhoobeOne Studio is a free and opensource component visual builder for TailwindCSS (required 2.0 min). You can create simple or strt
π A Minimal Admin Dashboard Develop with Vue 3, Vite, and TailwindCss. It's Free π₯ Aatrox - VueJS 3 & TailwindCss Free Admin Dashboard Template Expl
myIm3 Dashboard (Indosat +62) A nativescript-vue starter with NS v8 & TailwindCSS (clone myIm3 Dashboard) This project uses: Vue.js! TailwindCSS; Nati
Gmail mobile app clone with Tailwindcss and Vite(Vuejs)
mijin Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x π Documentation Features π Component style relying uniquely on Tailwind CSS pres
Pinterest Δ°nfo VueJS / TailwindCSS / CSS Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for
Tailwind Gradient Generator Link: Tailwind Gradient Generator Feel free to collaborate. Contributing Are you interested in contributing to the project
Static Medium: [ISG in Nuxt.js with Layer0] A demo showing off ISG (Incremental Static Generation) with Nuxt.js and Layer0 Demo https://rishi-raj-jain
Notiwind A headless Vue 3 notification library to use with Tailwind CSS. This is a fork and port of vue3-vt-notifications created and modified by kill
Vue Contenteditable Form Prototype: A Notion-like Form written in Vue 3, Vite, and TailwindCSS Demo Live Demo Installation Use the package manager npm
Vite + Vue 3 + Typescript + Tailwind Starter Simple, opinionated, fully typed, and production-ready project template for Vite. This template is practi
Shopify Foundation Theme Shopify Foundation Theme is modern Shopify theme built with Shopify Theme Lab, Vue and Tailwind CSS. If you are looking for t
CvFy CvFy is a simple CV maker that makes CV creation faster and easier in both English and Spanish. It's built with NuxtJs and deployed in Netlify. I
Vuejs & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Vue.js v3 and TailwindCSS v2. Demo URL https://vuejs-tailwi
Elevator Dispatching Simulator An elevator dispatching simulator powered by Vew.js and tailwindcss. Actions below help you deploy the project locally.
Vue Tailwind Modal Vue ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΡ ΠΎΠΊΠΎΠ½, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΠΉ Tailwind CSS. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ° npm install --save @ocrv/vue-tailwind-modal
MangaVUE Is it MangaKU ? or is it MangaMU ? No! it is MangaVUE Details "This Project is for educational purposes only, so i'm begging you TO NOT use t
template.karngyan.com Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n based SPA for procrastinating developers to quickly spin
Tailwind CSS - Button Components Read the blog post or watch the tutorial on YouTube Consider sponsering me β₯οΈ or Buying me a coffee This is a blog po
Vue Notus A beautiful UI Kit and Admin for Tailwind CSS and VueJS. Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue
The Universal Auth System Using The MERN Stack Including Mysql -- The project is divded to two separte projects 1- The Client side - containing the
International Space Station Position SPA π° Fetches the latitude and longitude of the International Space Station (ISS) every 2 seconds and displays t
Instagram Clone - Social Media A social media website where users can create, like, and bookmark the post and comment on the post. Screenshots Tech St
Pagination NextJS Training Your Task is to create a a Nice Paginated List of Pokemon. Criteria User Story As a User I want to be able to browse throug
Fullstack Next.js E-commerce Technologies π§ Next.js(React) TypeScript Prisma NextAuth Stripe Tailwind React Query Sentry Yup Screenshots πΈ Code Exam
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to
POC Micro-Frontend In this repository you'll find a case study of an app using the concepts of Module Federation (Webpack 5) with React and using reac
This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of this is taught in this course. What is inside? This project uses lot of
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Palette plugin using CSS variables for TailwindCSS Adds a color palette (from 100 to 900) for each color of your tailwind configuration while using CS
Giggle β‘ (Google Search Clone) Test it out: Giggle Giggle-search.mov Description Search for up-to-date results, news, images,and videos.Built a fully
Football squad stats Comments This is a conceptual test aimed at trying out technologies such as: React (TypeScript). Vite Tailwindcss daisyUI Install
Free Tailwind dashboard template Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React. It comes with se
vite-react-ts-extended My CRA alternative. Create plain and lightweight React+TS programming environment with familiar pre-setup tooling eslint/pretti
Starter template for Vite with React (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.
Course Platform template built using the following tools: Next.js (fullstack React framework) next-mdx-remote (Add support for MDX when using Next.js) next-auth (authentication for Next.js apps) Prisma (Next-gen ORM for Node.js & TypeScript) PlanetScale (Serverless MySQL Database) TailwindCSS (Styling)
React Headless Pagination Do you want to design your own pagination component, but do not want to worry about the logic of pagination? Then this tiny
Stail Incredible fast template toolkit for making new or re-styling existing components with Tailwind CSS. Why it's needed? First of all, I'm tired fr
Konsta UI Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte Docum
vite React TypeScript tailwindcss starter Template for vite, React + tailwindcss + TypeScript projects with some tools preconfigured. About Template f
Food order app using ReactJS and TailwindCSS. Open https://food-0rder.netlify.app/ to view it in the browser. Getting Started with Create React App Th
Welcome to the Shopify + Next.js + Tailwind CSS course Live Demo Store | Course This is a production ready Headless Shopify storefront using Next.js,
Book-My-Show (Clone) π¬ Clone for Book My Show ( online movie tickets booking site ) built with ReactJS Table of Contents General Info Technologies Se
Note: This project is fully alive, I am working on it on my weekends, if you liked this project please share, contribute, and best of all use it and r
Google Docs Clone Google Docs Clone created with Next.JS. Demo β’ Key Features β’ Key Technologies β’ Setup β’ Support β’ License Demo Here is a working li
π A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..
Obsidian β¨ Obsidian is a minimal and lightweight portfolio template built on NextJS and TailwindCSS. β¨ Setup Install the dependencies Edit content Cha
Photophan π DescriΓ§Γ£o phothopan Γ© uma rede social para o compartilhamento e download de imagens,foi desenvolvida utilizando React(Frontend),Sanity(Ba
A TailwindCSS variant for class-based dark mode with Svelte's scoped stylesheets and CSS modules.
π Hackernews Redesign v2 A minimal looking hackernews client built with Next.js and TailwindCSS. This is v2 of the original redesign that I did 2 yea
Medusa Next.js Tailwind Starter Template Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce
React Toast Component Online Demo Description This is custom toast component implemented by react hooks + React Context API and stayled using tailwind
This requires Nuxt.js with the Tailwind CSS module Quick Setup Add the nuxt-tailvue dependency to your Nuxt.js project npm install nuxt-tailvue # OR y
Meraki UI π π Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid π . Resources Tailwindcss
tailwindcsscli A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed Installation To install the CLI, run the
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Oruga UI is like a caterpillar, minimal and yet functional. It's in your hands turning it into a butterfly ( π ) = π¦ Oruga is a lightweight library
Jetstrap Description Jetstrap is a lightweight laravel 8 package that focuses on the VIEW side of Jetstream / Breeze package installed in your Laravel
Color shades generators for TailwindCSS To use this app Go to https://javisperez.github.io/tailwindcolorshades What is this? Is a tool to make shades
tailwind css basic postcss files requried to build website TAILWINDCSS A utility-first CSS framework for rapidly building custom user interfaces. Tail
Current Implementation technologies Nextjs with Typescript. Static pages/ Server side rendering. Easy peasy state management (Might not need it with i
Django and tailwind css connection Steps to connect django and tailwind css Create django project using command: django-admin startproject myproject c
β‘οΈ Blog Blog pessoal desenvolvido com Next.js e TypeScript βΉοΈ Sobre o projeto Este projeto consiste em um blog pessoal, onde futuramente farei posts d
leerob.io Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Learn
A utility-first CSS-in-JS framework built for React. npm install @xstyled/styled-components styled-components Docs See the documentation at xstyled.de
Designing with Tailwind CSS This repo contains the source code for each of the videos in the free Designing with Tailwind CSS course. Each finished co
Next.js + TailwindCSS TypeScript boilerplate A configured boilerplate based on my preferences. Use this boilerplate git clone https://github.com/timth
Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi
Calendar components using Tailwind for ReactJS, InertiaJS and VueJS
Meraki UI π π Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid π . Resources Tailwindcss
@material-tailwind Material Tailwind @material-tailwind is an easy to use components library for Tailwind CSS and Material Design. It features multipl
Tailwind Toolbox - Screenshot Landing Page Template Screenshot Landing Page is an open source, generic landing page template with space for a screensh
Cleopatra live demo Cleopatra β Clean & Minimal tailwind css Admin Dashboard Template Status Looking for an admin dashboard that was made with you in
Tailwind Toolbox - Landing Page Template Landing Page is an open source, generic landing page template for Tailwind CSS created by Tailwind Toolbox. G
tailwind-animatecss Use animate.css as a Tailwind 3 plugin. Demo β https://dumptyd.github.io/tailwind-animatecss Table of contents Installation Usage