JavaScript Tailwind

Open-source JavaScript projects categorized as Tailwind | Edit details

Top 23 JavaScript Tailwind Projects

  • GitHub repo tailblocks

    Ready-to-use Tailwind CSS blocks.

    Project mention: Tailwind CSS might be annoying but it's better | dev.to | 2021-12-16

    Despite the fact that Tailwind is a utility CSS framework, making custom components from the combination of those utilities is very simple. The bigger benefit is that there are many UI kits for Tailwind CSS like Tail-Kit, Mamba UI, TUK, Tailblocks, etc…taking away all the pain of building a component from scratch. Recently I stumbled upon something better, a VS Code extension called blox with premade components in it. These kinds of tools are at our disposal courtesy of Tailwind’s ease for developers.

  • GitHub repo 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: I am running tailwind in vscode in react, but when I try to view my page, no tailwind is working | reddit.com/r/tailwindcss | 2021-12-18
  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo 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: 10 Free and Open-sourced Tailwind CSS Templates | dev.to | 2021-03-25

    This free landing page template is built with TailwindCSS and React. It is designed to provide all the basic components a developer needs to create a landing page for SaaS products, online services, and more. To clone it and get started, check out its Github repo

  • GitHub repo 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: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo](https://mosaic.cruip.com/) / Download

  • GitHub repo 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: Any recommendation to port a production SPA to Nextjs? | reddit.com/r/nextjs | 2021-12-01

    Max Lynch from Ionic has a great repo demonstrating this. He uses it to get Next to work with Ionic and Capacitor but the idea is essentially the same.

  • GitHub repo react-three-next

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

    Project mention: Using threejs server side? | reddit.com/r/threejs | 2021-12-13

    The team at r3f are doing killer work. Check out this repo for a way to do SSR with their react renderer. https://github.com/pmndrs/react-three-next

  • GitHub repo 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: What is the most popular tailwind theme? | reddit.com/r/tailwindcss | 2021-08-12

    Kutty Mamba UI Lofi UI Kitwind Tail-kit Tailblocks Tailwind Toolbox Treact

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo shopify-theme-lab

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

    Project mention: Shopify CLI Error | reddit.com/r/shopify | 2021-10-15

    Have you checked out Theme Lab? If you are having any underlying issues non-related to your setup this would iron them out. I'd try to setup a dummy theme and see if its something terminal/CLI related or something misconfigured on your partner end/shopify side.

  • GitHub repo material-tailwind

    @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

    Project mention: Can I style material UI using tailwind css? | reddit.com/r/reactjs | 2021-09-19

    Could take a look at this. https://material-tailwind.com/

  • GitHub repo notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

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

    Download / Live Demo

  • GitHub repo 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

    Project mention: Are there any template nextjs projects we can use to quickly get started? | reddit.com/r/nextjs | 2021-05-27

    Check out this boilerplate. Or you can start from scratch with vercer's examples. https://github.com/pbteja1998/nextjs-starter

  • GitHub repo nightwind

    An automatic, customisable, overridable Tailwind dark mode plugin

    Project mention: Possible to set a dark theme palette in tailwind.config? | reddit.com/r/tailwindcss | 2021-11-25
  • GitHub repo eslint-plugin-tailwindcss

    ESLint plugin for Tailwind CSS usage

    Project mention: My tailwind automation setup | dev.to | 2021-11-27

    You can find this Tailwind ESLint plugin on NPM

  • GitHub repo babel-plugin-tailwind-components

    Use Tailwind with any CSS-in-JS library

  • GitHub repo tailwindcss-debug-screens

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

    Project mention: 8 Tailwind CSS resources to help your next project takeoff | reddit.com/r/tailwindcss | 2021-03-27

    Out of all of these great resources, I find Tailwind Debug Screens to be the most helpful, most of the time. In addition to the time you will save by using the plugin, it will also help you create better responsive designs and become more familiar with sizing in Tailwind by sight.

  • GitHub repo react-webpack-5-tailwind-2

    React 17 Boilerplate with Webpack 6, Tailwind 2, using babel, SASS/PostCSS, HMR, dotenv and an optimized production build

    Project mention: Avoid high costs with Google Places API (Go/React) | dev.to | 2021-01-30

    React with Webpack, using my own React 17/Webpack/ Boilerplate

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

    Project mention: Awesome JavaScript Posts (Week 28) | dev.to | 2021-07-26

    Link: new-tailwind-app

  • GitHub repo jekyll-starter-tailwind

    Jekyll starter styled with Tailwind CSS

    Project mention: How to Build an Ecommerce Website with Jekyll, Strapi, Snipcart and Tailwind CSS | dev.to | 2021-10-07

    For this guide, we will be using the Jekyll starter styled with Tailwind CSS template. This template has Tailwind CSS ultimately set up with Jekyll, making our development journey more accessible and faster. To set up the starter project, navigate to the Tailwind starter GitHub repository on your browser.

  • GitHub repo mailwind

    Tailwind CSS for HTML emails.

    Project mention: Show HN: Mailwind – Tailwind CSS for HTML Emails | news.ycombinator.com | 2021-08-04
  • GitHub repo next-shopify-starter

    Nextjs + Tailwind CSS + Shopify Starter

    Project mention: Am I Unreasonable or the Client? | reddit.com/r/webdev | 2021-10-18

    And immensely helpful repo for me was this one which helped me figure out a lot in regards to managing the cart and grabbing products. I had to tweak it a lot to meet some of my specifications though.

  • GitHub repo shopify-next.js-tailwind

    Learn the Shopify + Next.js + Tailwind CSS Stack!

    Project mention: Next.js + Shopify + Tailwind CSS (Headless Storefront) | reddit.com/r/nextjs | 2021-09-05

    Checkout the repo: https://github.com/iskurbanov/shopify-next.js-tailwind

  • GitHub repo coc-tailwind-intellisense

    Coc.nvim extension for Tailwind CSS IntelliSense

    Project mention: Hello! I've been browsing multiple guides for styling VIM to look like the screenshots in the GitHub project, but I haven't been able to find anything. Does anyone here have any idea what plugins might get vim to look like this? | reddit.com/r/vim | 2021-04-09

    Here is the project with the screenshots! Thanks for the help!

  • GitHub repo nextjs-multiple-domains

    Example using SSR to handle multiple domains on the same project.

    Project mention: NextJS/Vercel/Cloudflare Pages support for sub-domains | reddit.com/r/nextjs | 2021-08-22
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 2021-12-18.

JavaScript Tailwind related posts

Index

Find remote jobs at our new job board 99remotejobs.com. There are 29 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.
scoutapm.com