Top 20 tailwindcss-plugin Open-Source Projects

• TW-Elements

  44 12,662 9.4 JavaScript

  𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

  

Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

• preline

  13 3,703 7.0 TypeScript

  Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

  

Project mention: Preline UI + Gowebly CLI = ❤️ | dev.to | 2024-04-25

Today, I've released the Gowebly CLI v2.4.0 which includes Preline UI components library support for the frontend.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• rippleui

  1 805 5.5 CSS

  Clean, modern and beautiful Tailwind CSS components.

• Tailwind-Styled-Component

  2 803 0.0 TypeScript

  Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

• kutty

  8 795 2.6 JavaScript

  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: 10 best Tailwind CSS component libraries | dev.to | 2023-06-27

Kutty is a Tailwind CSS plugin providing a set of accessible and reusable components for building various web applications. As it's a plugin, before you can use, it you'll need to install and configure it. Once installed, you just need to copy and paste the code for the components you want to use.

• nightwind

  3 694 0.0 JavaScript

  An automatic, customisable, overridable Tailwind dark mode plugin

Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

Nightwind is a plugin whose mission is to give you the gift of an effortless dark mode. The plugin uses your Tailwind config to automatically generate and apply classes for dark mode. It lets you write just one set of classes for your site, then you install and initialize it, and your site gets a dark mode without any further CSS on your part.

• tailwindcss-debug-screens

  6 573 1.4 JavaScript

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

Project mention: Next/Tailwind users — what do you consider best practices for responsive rendering? | /r/nextjs | 2023-06-21

Here's a nice package for this: https://github.com/jorenvanhee/tailwindcss-debug-screens

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• tailwindcss-theme-variants

  1 181 2.0 TypeScript

  Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

Tailwind CSS Theme Variants is a plugin that allows you to define multiple themes for a single project and apply different themes in varying scenarios. It lets you choose which theme should be active based on the value of a media query (like prefers-color-scheme or prefers-contrast ), the presence of a CSS selector (like a class or data attribute), or some combination of both.

• tailwindcss-logical

  1 169 6.7 JavaScript

  A CSS Logical Properties and Values plugin for Tailwind CSS.

Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

tailwindcss-logical is a Tailwind plugin for v1.20+ that gives you utility classes for CSS logical properties and values. Logical properties and values is a name for a group of CSS properties and values that the browser evaluates based on the flow of the document instead of the dimensions of the screen. The document’s flow dictates the order you should read the elements on the screen. For example, the flow of an English document is usually that lines are laid out horizontally and top-to-bottom, and are read left-to-right.

• tailwindcss-animate.css

  2 129 4.4 JavaScript

  Animate CSS plugin for Tailwind CSS

• tailwindcss-question-mark

  2 115 5.6 JavaScript

  Adds a helpful ❓ dev time utility class

Project mention: Tailwind plugin to help visually identify an element at dev time | news.ycombinator.com | 2023-06-23

• tailwind-safelist-generator

  1 98 0.0 JavaScript

  Tailwind plugin to generate purge-safe.txt files

  

• windstrap

  2 68 0.0 JavaScript

  Tailwind CSS with Bootstrap JS

• tailwindcss-highlights

  3 55 10.0 Astro

  A plugin for tailwindcss to add highlights to your text

• tailwindcss-rfs

  1 53 0.0 HTML

  This is a Tailwind CSS plugin to generate utility classes for RFS

• tailwindcss-no-scrollbar

  1 14 4.1 JavaScript

  This plugin exposes a class that hides the browser's default scrollbar using various tricks.

  

• Nextjs-TypeScript-Tailwind-Template

  1 6 6.6 TypeScript

  ✨ Next.js 14 + TypeScript + Tailwind Template with ESLint, Prettier, Custom Icon and Font components, Utils (clsx+twmerge), GitHub Repo Standards (Security, Code of Conduct, License), Custom commands with cache, and Plugins for improving accessibility. (by Anmol-Baranwal)

Project mention: 12 things you didn't know you could do with Nextjs | dev.to | 2024-02-20

🚀 Visit Optimized Template

• tailwind-bicolor

  1 1 3.7 TypeScript

  Auto handle tailwind dark mode color

• css-modular-type

  1 0 5.2 TypeScript

  A PostCSS and TailwindCSS plugin to generate modular type scales.

Project mention: Getting a job got really hard these days or I'm just not cut out for it yet? | /r/webdev | 2023-06-11

Well, this past year I dedicate myself to learn front-end web development and so far I've got a good grasp of React, Next.js, CSS (and friends), Javascript etc. I'm also pretty much into (and want to explore more) Linux and backend stuff (only got my hands dirty with Express and PostgreSQL a little bit). I made few side projects like a Netflix Clone, a Tailwind CSS plugin, and few others. I thought that much would land me a junior developer job but after applying for like 40-50 (or maybe more) job openings I either don't get a response or they just reject my application (I'm based in India and was applying for WFH opportunities).

• furne-store

  2 0 0.0 JavaScript

  A online STH (shop to home) delivery store

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

tailwindcss-plugin related posts

• Show HN: Preline UI v2.0 – open-source Tailwind Components Library

  1 project | news.ycombinator.com | 11 Jan 2024

• 10 best Tailwind CSS component libraries

  5 projects | dev.to | 27 Jun 2023

• Tailwind plugin to help visually identify an element at dev time

  1 project | news.ycombinator.com | 23 Jun 2023

• Next/Tailwind users — what do you consider best practices for responsive rendering?

  1 project | /r/nextjs | 21 Jun 2023

• Cool Tailwindcss Tools For Everyone

  4 projects | dev.to | 4 Jan 2023

• Tailwind component libraries

  2 projects | /r/reactjs | 31 Aug 2022

• What 3rd party plugins do you use?

  2 projects | /r/tailwindcss | 17 May 2022
• A note from our sponsor - InfluxDB
  www.influxdata.com | 6 May 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com