JavaScript tailwind-css

Open-source JavaScript projects categorized as tailwind-css Edit details

Top 17 JavaScript tailwind-css Projects

  • twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

    Project mention: tailwind css and material ui in same project react app? | | 2022-06-23

    You can use twin.macro to use tailwind classes with emotion which could make this a nice pairing.

  • tailwind-nextjs-starter-blog

    This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

    Project mention: Type Safe GroupBy In TypeScript | | 2022-05-31

    It's based on a nextjs template

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

  • 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

  • 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

    Project mention: Solito – React Native and Next.js, Unified | | 2022-03-14

    wow, that's a weird limitation.

    The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."

    I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:

    "Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"

    But I don't understand why SSR would be disabled for the NextJS PWA on the web?

    Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.

  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

    Project mention: Top Free React Dashboards to Use for Your Next Project | | 2021-09-21

    Download / Live Demo

  • Tailwindcss-cheatsheet

    A very elegant and helpful Tailwind CSS cheat-sheet.

    Project mention: New Look..... Tailwind css cheatsheet. | | 2021-10-10
  • eslint-plugin-tailwind

    ESLint rules for Tailwind CSS

  • JetBrains

    Developer Ecosystem Survey 2022. Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.

  • tailwind-datepicker

    A Tailwind CSS datepicker built with vanilla JavaScript

    Project mention: I built a datepicker for Tailwind CSS [MIT License] | | 2021-09-24

    Of course it is open source under the MIT license just the way the initial library was as well. You can check out the Github repo or the online documentation of the Tailwind CSS datepicker.

  • tailwindcss-animate.css

    Animate CSS plugin for Tailwind CSS

    Project mention: Using Animate.css with Tailwind CSS | | 2022-01-18

    So, I thought of writing some plugin-like stuff that adds Animate.css animations and the necessary animation utilities to make things easier. There wasn't any specific reason to choose Animate.css over other libraries. It was just a thought that let's start with the most popular one, then add the others later. Firstly I started searching if any similar package exists or not. There is tailwindcss-animatecss but it requires way too much configuration for JIT mode. There wasn't much activity on its repository, so instead of contributing to it, I started working on a package of my own - animated-tailwindcss.

  • code-type

    Practice code-typing with top 1000 keywords of the most popular programming languages.

    Project mention: CodeType: Typing practice for programmers. Practice code-typing with top 1000 keywords of the most popular programming languages. | | 2021-10-31
  • spotify-profile

    A Spotify Profile App made with React, Express, Node and Tailwind

  • keymapdb

    Online database of keymaps for programmable keyboards, with a focus on QMK ergonomic keyboards.

    Project mention: Looking for interesting keymaps to add to | | 2022-03-19

    Please read the instructions on how to submit a keymap to do so. If you'd rather not go through the process of cloning the keymapDB GitHub repository and opening a Pull Request, you can just paste the YAML of your keymap entry in the comments down below. There might be a git-less solution to submit a keymap in the future but for now this is how it is.

  • nextjs-admin-panel-with-tailwindcss

    nextjs Admin Panel with Tailwind CSS

    Project mention: NextJs Simple admin Panel with TailwindCss | | 2022-04-05

    That's all. Happy Learning :) . [if it is helpful, giving a star to the repository 😇]

  • the-language-hub

    The Language Hub is a central place for your language learning needs. Getting you to what you need quickly and easily

    Project mention: The Language Hub - Netlify x Hashnode Hackathon Submission | | 2022-03-01

    Have a look at the code

  • WebPokedex

    Quick online pokedex to get stats of any pokemon from the anime!

    Project mention: Not able to dynamically change color when using tailwind css | | 2022-05-21

    My github repository for this pokedex:

  • furne-store

    A online STH (shop to home) delivery store

    Project mention: furne-store an E-Commerce Application | | 2022-01-11

    git clone

  • employee-app-mern-frontend

    Frontend part of Employee Management System, a Web application built with React, Express, Nodejs, MongoDB, and TailwindCSS

    Project mention: I built a basic CRUD app with MERN,jwt, and Tailwind | | 2021-09-09

    Frontend Part:

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-06-23.

JavaScript tailwind-css related posts


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

Project Stars
1 twin.macro 5,900
2 tailwind-nextjs-starter-blog 2,832
3 tailwind-dashboard-template 1,193
4 nextjs-tailwind-ionic-capacitor-starter 860
5 notus-react 530
6 Tailwindcss-cheatsheet 105
7 eslint-plugin-tailwind 98
8 tailwind-datepicker 89
9 tailwindcss-animate.css 85
10 code-type 29
11 spotify-profile 21
12 keymapdb 16
13 nextjs-admin-panel-with-tailwindcss 15
14 the-language-hub 3
15 WebPokedex 0
16 furne-store 0
17 employee-app-mern-frontend 0
Find remote jobs at our new job board There are 4 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.