JavaScript Tailwind

Open-source JavaScript projects categorized as Tailwind

Top 23 JavaScript Tailwind Projects

  • tailblocks

    Ready-to-use Tailwind CSS blocks.

    Project mention: List of free Tailwind UI component resources | | 2023-04-07

  • material-kit-react

    React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

    Project mention: material-kit-react VS horizon-ui-chakra-ts - a user suggested alternative | | 2022-10-04
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • twind

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

    Project mention: Twind – Tailwind without build step | | 2022-12-25
  • mailwind

    Use Tailwind CSS to design HTML emails.

    Project mention: I attempted to create a Laravel package that allows you to use TailwindCSS to design your mailables instead of relying on markdown or inline styles only to discover email clients are still stuck in 1999. The package will likely never be production ready but I figured I'd share it anyway | | 2022-10-10

    I'm not sure if you've used it, but you may wish to refer to Mailwind. It was designed for this.

  • project_hoobank

    Modern UI/UX website using React.js & Tailwind CSS

    Project mention: Capitalized Component Not Rendering in React: Following a YT Vid | | 2022-12-12
  • tailwind-dashboard-template

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

  • react-three-next

    React Three Fiber, Nextjs, Tailwind and Styled-components starter

    Project mention: Next.js Weekly #4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️ | | 2023-04-22


  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • nextjs-tailwind-ionic-capacitor-starter

    A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor

  • eslint-plugin-tailwindcss

    ESLint plugin for Tailwind CSS usage

    Project mention: Downsides to using computed properties as CSS to form classes? | | 2023-04-15

    For one, you can't take advantage of classnames order.

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

    Project mention: React Portfolio Template V3.0 | | 2022-07-25

    Project - Release Notes -

  • 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.

    Project mention: List of free Tailwind UI component resources | | 2023-04-07

  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

  • shopify-theme-lab

    Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪

    Project mention: Adding a Vue App to Shopify | | 2022-12-08

    Shopify Theme Lab This workflow tooling uses webpack bundler with Vue to generate Shopify theme code. It may help you get Vue bootstrapped into a theme for you.

  • multiselect

    Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).

    Project mention: What are some of the best/most useful Vue libraries you've used? | | 2022-09-23
  • nightwind

    An automatic, customisable, overridable Tailwind dark mode plugin

    Project mention: What are some things you’d like to see in a future TailwindCSS plug-in or in a Vue.js UI library? | | 2022-06-06

    Nightwind or something similar updated to work with TailwindCSS 3.x

  • tailwindcss-debug-screens

    A Tailwind CSS component that shows the currently active screen (responsive breakpoint).

    Project mention: Cool Tailwindcss Tools For Everyone | | 2023-01-04

    Tailwind CSS Debug Screens is a plugin that shows the currently active screen like sm, md, lg, etc. (responsive breakpoint).

  • next-shopify-starter

    Nextjs + Tailwind CSS + Shopify Starter

  • nextjs-starter

    A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier + Husky

  • shopify-next.js-tailwind

    Learn the Shopify + Next.js + Tailwind CSS Stack! SWR, Hydrogen, + more

  • babel-plugin-tailwind-components

    Use Tailwind with any CSS-in-JS library

  • horizon-tailwind-react

    Horizon UI Tailwind CSS React JS ❇️ The trendiest & innovative Open Source Admin Dashboard Template for Tailwind CSS & React!

    Project mention: Open-source trendy admin template for Tailwind CSS and React TS ⚡️ | | 2023-05-07

    Live Preview -

  • jekyll-starter-tailwind

    Jekyll starter styled with Tailwind CSS

    Project mention: Jekyll + TailwindCSS + Docker example | | 2022-07-19

    What I found is this repository , but I was wondering if there may be a maintained version of this with the latest versions of Jekyll and Tailwind

  • new-tailwind-app

    💥 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.

  • CodiumAI

    TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-07.

JavaScript Tailwind related posts


What are some of the best open-source Tailwind projects in JavaScript? This list will help you:

Project Stars
1 tailblocks 7,992
2 material-kit-react 4,595
3 twind 3,363
4 mailwind 3,025
5 project_hoobank 1,774
6 tailwind-dashboard-template 1,715
7 react-three-next 1,520
8 nextjs-tailwind-ionic-capacitor-starter 1,251
9 eslint-plugin-tailwindcss 912
10 react-portfolio-template 905
11 kutty 687
12 notus-react 679
13 shopify-theme-lab 659
14 multiselect 648
15 nightwind 492
16 tailwindcss-debug-screens 445
17 next-shopify-starter 445
18 nextjs-starter 420
19 shopify-next.js-tailwind 335
20 babel-plugin-tailwind-components 334
21 horizon-tailwind-react 254
22 jekyll-starter-tailwind 244
23 new-tailwind-app 242
ONLYOFFICE Docs — document collaboration in your environment
Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises