JavaScript Tailwindcss

Open-source JavaScript projects categorized as Tailwindcss

Top 23 JavaScript Tailwindcss Projects

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Migrating my website from Gatsby to Astro | | 2022-11-25

    Instead of some UI framework/styling solution which was specifically tailored for React, I went with Tailwind CSS. It is hugely popular, has good support for almost all the frameworks, is a 1st party plugin from Astro and was great to get started with. For my posts I chose MDX and for components in MDX I chose React.


    An online drag-and-drop editor to easily build READMEs

    Project mention: Rant si sugestii pentru cei care isi trec GitHub in CV | | 2022-08-23
  • Zigi

    Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • flowbite

    The most popular library of interactive UI components built with Tailwind CSS

    Project mention: Good UI library for Rails | | 2022-11-22
  • twind

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

    Project mention: Why We're Breaking Up with CSS-in-JS | | 2022-10-16

    I think TW syntax is great as a CSS shorthand. I think it can be a great tool for making highly descriptive styles in a far more succinct fashion. I think if you you use Twind compiler and you store TW syntax outside of your templates/JSX and you just compile it down to descriptive class names, that's a great use of Tailwind. Then you get the advantage of meaningful names applied to elements in the template, and if you need to refactor/fix a style, then you can find it much easier. It also makes it a lot more dynamic, which standard Tailwind which can be a PITA to make dynamic (e.g. for dynamic behavior in Twind, you can have functions that generate TW style strings and use interpolated strings without having to worry about if the build-time TW compiler understands all the possibilities).

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

  • tailwind-landing-page-template

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

    Project mention: 20 Tailwind CSS landing page templates, both free and paid | | 2022-02-22

    Demo | Get it here

  • universal-resume

    Minimal and formal résumé (CV) website template for print, mobile, and desktop.

    Project mention: Universal Résumé template rebuilt with React, rendered from JSON config | | 2021-12-24

    Actually my original plan was to use JSON Resume, but I couldn't find a theme I liked. Then I found this, which was exactly what I'm looking for.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • tailwind-dashboard-template

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

    Project mention: Top React dashboard libraries | | 2022-03-15

    git clone

  • konsta

    Mobile UI components made with Tailwind CSS

    Project mention: Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS (With iOS and Material Design components for React, Vue & Svelte) | | 2022-08-04
  • HULL

    💀 Headless Shopify Starter – powered by Next.js +

    Project mention: How to start freelancing? | | 2022-05-23

    Usually freelancing need portfolios. I'd suggest building a sample project that uses this since it's really easy to extend if customers ask for more

  • tailwindcss-stimulus-components

    A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components.

    Project mention: Tailwind UI, JS and Rails | | 2022-06-04

    My question is I have seen tailwindcss-stimulus-components and wondered if there are any video tutorials on how to implement it?

  • paimon-moe

    Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter.

    Project mention: Is there still any way to import my wish history to external sites ( etc) on Android? | | 2022-11-26

    I didn't test it, but it's supposed to give you the wish URL to paste into

  • windmill-dashboard-react

    ❄ A multi theme, completely accessible, ready for production dashboard.

    Project mention: 15 Tailwind CSS admin dashboard templates, both free and paid | | 2022-03-03

    Demo | Get it here

  • react-typescript-web-extension-starter

    :desktop_computer: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, Jest, EsLint, Prettier, and Webpack. Supports Google Chrome + Mozilla Firefox + Brave Browser + Microsoft Edge + Opera :fire:

    Project mention: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, EsLint, Prettier, & Webpack | | 2022-01-01
  • instagram

    Subscribe to my YouTube channel: - Building Instagram Using React

  • destack

    Page builder based on Next.js 🅧, Tailwind CSS 🍃 & Grapes.js 🍇. Zero-config deployment to Vercel 🚀. Now also supports React!

  • 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: Affordable tailwind theme(html template) for e-commerce project | | 2022-11-03
  • shopify-theme-lab

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

    Project mention: Awesome Shopify Resources for 2022 | | 2022-02-14

    7. Shopify Theme Lab

  • linked

    🧾 Daily journaling without distraction. An easy, distraction-free way to record your thoughts, declutter your mind and keep the things you want to remember. Join the discord at

    Project mention: Hacktoberfest Wrap-Up: Minor Contribution to Linked | | 2022-10-30

    Linked is a reasonably new journaling tool that has yet to implement the spell-check feature. Therefore, there is no point in underlining words containing typos at this point. You can read more about the issue here.

  • nextjs-wordpress-starter

    A headless starter for WordPress powered by Next.js.

    Project mention: Inherited A PHP Mess | | 2022-05-13
  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

  • aurora

    Hate Cookies? Introducing Aurora, 100% Cookie-Free Open Website Analytics. Collect Anonymous Data. Make your Audience Happy Now! (by itsrennyman)

    Project mention: GitHub - itsrennyman/aurora: Introducing Aurora, Open Website Analytics. Collect Anonymous Data. Make your Audience Happy Now! | | 2022-05-17
  • eslint-plugin-tailwindcss

    ESLint plugin for Tailwind CSS usage

    Project mention: what is your favorite way/framework to write CSS | | 2022-11-02
  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

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 2022-11-26.

JavaScript Tailwindcss related posts


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

Project Stars
1 Tailwind CSS 62,543
2 3,081
3 flowbite 3,043
4 twind 2,975
5 mailwind 2,756
6 tailwind-landing-page-template 1,630
7 universal-resume 1,553
8 tailwind-dashboard-template 1,459
9 konsta 1,330
10 HULL 1,039
11 tailwindcss-stimulus-components 992
12 paimon-moe 953
13 windmill-dashboard-react 746
14 react-typescript-web-extension-starter 714
15 instagram 695
16 destack 683
17 kutty 664
18 shopify-theme-lab 627
19 linked 619
20 nextjs-wordpress-starter 608
21 notus-react 596
22 aurora 579
23 eslint-plugin-tailwindcss 558
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.