50 Open-source Free TailwindCSS Plugins To Boost Your Design

50 Open-source Free TailwindCSS Plugins To Boost Your Design
Photo by Dave / Unsplash

Tailwind is a utility-first CSS framework that provides a set of pre-defined CSS classes, making it easy to create responsive and customizable UI components. Tailwind Packages are pre-built sets of styles and components that are designed to work with Tailwind CSS, making it easier to build complex interfaces quickly.

Tailwind Packages are created by the Tailwind community and are available for free on platforms like GitHub and NPM. There are packages for everything from UI components like buttons and modals to entire design systems that provide a cohesive set of styles and components for a website or application.

Using Tailwind Packages can save developers a lot of time and effort, as they don't have to create styles and components from scratch. Additionally, Tailwind Packages can help ensure consistency and accessibility across a project, as they are designed to work together seamlessly.

15 Open-source Tailwind-based UI Frameworks and Component Libraries
What is Tailwind? Tailwind is a free, open-source utilities-first CSS framework. It was featured in dozens of projects by developers who use different frameworks as Vue, React, Angular, Blaze, Meteor, Svelte, and others. As its popularity is growing, developers start building their own custom libr…

In summary, Tailwind is a CSS framework that provides pre-defined CSS classes, and Tailwind Packages are pre-built sets of styles and components that are designed to work with Tailwind. Using Tailwind Packages can save developers time, effort, and help ensure consistency and accessibility across a project.

In this post, we compiled a list of the best open-source TailwindCSS plugins, that you can use directly in your project.

1- Tailwind Typography

A plugin that provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don't control, like HTML rendered from Markdown, or pulled from a CMS.

GitHub - tailwindlabs/tailwindcss-typography: Beautiful typographic defaults for HTML you don’t control.
Beautiful typographic defaults for HTML you don’t control. - GitHub - tailwindlabs/tailwindcss-typography: Beautiful typographic defaults for HTML you don’t control.

2- Tailwind Forms

A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

GitHub - tailwindlabs/tailwindcss-forms: A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. - GitHub - tailwindlabs/tailwindcss-forms: A plugin that provides a basic reset for fo…

3- Tailwind Nightwind

A Tailwind CSS plugin that gives you an out-of-the-box, customizable, override dark mode.

Nightwind uses the existing Tailwind color palette and your own custom colors to automatically generate the dark mode version of the Tailwind color classes you use.

For example, whenever you use a class like bg-red-600 it gets automatically switched to bg-red-300 in dark mode.

Nightwind relies on a fixed 'nightwind' class to manage transitions, and a toggled 'dark' class applied to a top level element in the DOM, typically the root element.

GitHub - jjranalli/nightwind: An automatic, customisable, overridable Tailwind dark mode plugin
An automatic, customisable, overridable Tailwind dark mode plugin - GitHub - jjranalli/nightwind: An automatic, customisable, overridable Tailwind dark mode plugin

4- Daisy UI

Daisy UI is a free and open-source Tailwind CSS component library.

GitHub - saadeghi/daisyui: ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library
⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library - GitHub - saadeghi/daisyui: ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library

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

GitHub - praveenjuge/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.
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. - GitHub - praveenjuge/kutty: Kutty is a tai…

6- Preline

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

Based on the Tailwind CSS utility classes, Preline UI's prebuilt components and UI elements help you quickly design and customize responsive mobile-first websites with the components a website needs, including buttons, dropdowns, navigation bars, modals, and more.

Preline's components are grouped by visual usability criteria (components, navigation, forms, etc.) and styled directly on top of Tailwind CSS, making them easy to extend and customize. This is a lifesaver for developers looking to create a unique and eye-catching design system without the hassle of creating each component by hand.

GitHub - htmlstreamofficial/preline: Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. - GitHub - htmlstreamofficial/preline: Preline UI is an open-source set of prebuilt UI…

7- Tailwind Nord

A super tiny tailwind plugin that enables the use of the Nord color palette.

Made this mainly for myself, as I kept copying the Nord colours over manually. But hopefully it can save someone else 5 mins at the start of a project!

GitHub - crumb1e/tailwind-nord: A super tiny tailwind plugin that enables the use of the Nord colour palette.
A super tiny tailwind plugin that enables the use of the Nord colour palette. - GitHub - crumb1e/tailwind-nord: A super tiny tailwind plugin that enables the use of the Nord colour palette.


8- A17 Tailwind Plugins  

This project is a series of plugins to enable/encourage systematized web design/development and some other useful utility classes.

AREA 17 strongly believes in design systems and then using these systems to build products for both ourselves and our clients. Tailwind is thus a natural fit for us, but we wanted more "system" to the utilities to tie closer to our design methodology.

GitHub - area17/tailwind-plugins: A series of Tailwind plugins to enable/encourage systematised web design/development and some other useful utility classes.
A series of Tailwind plugins to enable/encourage systematised web design/development and some other useful utility classes. - GitHub - area17/tailwind-plugins: A series of Tailwind plugins to enabl…

9- Tailwind Prettier

A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.

GitHub - tailwindlabs/prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order. - GitHub - tailwindlabs/prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS tha…

10- stencil-tailwind-plugin

This package is used to integrate tailwindcss and StencilJS. This plugin for Stencil is specifically focused on the integration between tailwindcss v3.x and the Stencil build. While tailwindcss can be integrated into a Stencil build, this plugin aims to ease the integration, while providing an optimised inclusion of styles across the shadow DOM. For tailwind v2 support, please see the v0.6+ versions and branch.

This plugin also aims to allow users to make use of all the tailwindcss classes and postcss plugins like @apply. In such both styles of tailwindcss usage can be used in a single component. This plugin also aims to allow the use of object initialisers to conditionally set styles.

GitHub - Poimen/stencil-tailwind-plugin: Plugin for using tailwindcss with StencilJS
Plugin for using tailwindcss with StencilJS. Contribute to Poimen/stencil-tailwind-plugin development by creating an account on GitHub.

11- Tailwind-Elements

Tailwind Elements is a huge collection of free, interactive components for Tailwind CSS.

Included elemtents:

  • Datepicker
  • Dropdown
  • Modal
  • Charts
  • Tooltips
  • Stepper
  • Accordion
  • Tabs
  • Footer
  • Timepicker
  • Navbar
  • Alerts
  • Badges
  • Cards
  • Chips
  • Notifications

.. and many more.

GitHub - mdbootstrap/Tailwind-Elements: 𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎
𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎 - GitHub - mdbootstrap/Tailwind-Elements: 𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

12- Tailwind Float Label

Tailwind plugin to add floating label, control with float label components.

GitHub - unlight/tailwind-float-label: Tailwind plugin to add floating label, control with float label components
Tailwind plugin to add floating label, control with float label components - GitHub - unlight/tailwind-float-label: Tailwind plugin to add floating label, control with float label components

13- Tailwind CSS Plugin Filter utilities

This plugin adds some filter utilities to your configuration. Based on the default colors this plugin renders the following utilities for you:

  • drop-shadow
  • drop-shadow-{SIZE}
  • sizex: sm, md, lg, xl and 2xl
  • drop-shadow-{COLOR}-{INDEX}
  • Tailwind CSS default colors
  • backdrop-blur
  • Sizes from 1 - 5
  • bg-blur
  • Sizes from 1 - 5
  • blur
  • Sizes from 1 - 5

The drop shadow utility uses CSS custom properties to make it easier to define your favorite style. You can find a list of all generated utilities in the list of all utilities.

GitHub - markusantonwolf/tailwind-css-plugin-filters: Extensions to the default Tailwind CSS config and added useful css filter utilities.
Extensions to the default Tailwind CSS config and added useful css filter utilities. - GitHub - markusantonwolf/tailwind-css-plugin-filters: Extensions to the default Tailwind CSS config and added…

14- @tailwindcss/line-clamp

A plugin that provides utilities for visually truncating text after a fixed number of lines.

GitHub - tailwindlabs/tailwindcss-line-clamp: A plugin that provides utilities for visually truncating text after a fixed number of lines.
A plugin that provides utilities for visually truncating text after a fixed number of lines. - GitHub - tailwindlabs/tailwindcss-line-clamp: A plugin that provides utilities for visually truncating…

15- Tailwind Aspect Ratio

A plugin that provides a composable API for giving elements a fixed aspect ratio.

Tailwind CSS v3.0 shipped with native aspect-ratio support, and while these new utilities are great, the aspect-ratio property isn't supported in Safari 14, which still has significant global usage. If you need to support Safari 14, this plugin is still the best way to do that.

GitHub - tailwindlabs/tailwindcss-aspect-ratio
Contribute to tailwindlabs/tailwindcss-aspect-ratio development by creating an account on GitHub.

16- Tailwind Inter Plugin

TailwindCSS Plugin to integrate with Inter Typeface from Rasmus Andersson @rsms. It adds .font-inter class to apply Inter font family, adjusts letter spacing for each font size according to the Dynamic Metrics and allows to toggle font feature settings. Optionally adds @font-face from https://rsms.me/inter/inter.css.

GitHub - semencov/tailwindcss-font-inter: TailwindCSS Plugin to integrate with Inter Typeface
TailwindCSS Plugin to integrate with Inter Typeface - GitHub - semencov/tailwindcss-font-inter: TailwindCSS Plugin to integrate with Inter Typeface


17- Tailwind CSS Tables Plugin

This plugin generates bootstrap styled tables in Tailwind CSS. Anything in the bootstrap tables documentation should work.

GitHub - drehimself/tailwindcss-tables: Bootstrap styled tables for Tailwind CSS
Bootstrap styled tables for Tailwind CSS. Contribute to drehimself/tailwindcss-tables development by creating an account on GitHub.

18- @kamona/tailwindcss-perspective

A little bit of utility classes related to CSS 3d transform. However, it is not compatible with TailwindCSS v3.

GitHub - Kamona-WD/tailwindcss-perspective: A little bit of utility classes related to css 3d transform
A little bit of utility classes related to css 3d transform - GitHub - Kamona-WD/tailwindcss-perspective: A little bit of utility classes related to css 3d transform


19- CSS Grid Tailwind Plugin

Brings grid support to Tailwind CSS.

GitHub - chrisrowe/tailwindcss-grid: Brings grid support to Tailwind CSS
Brings grid support to Tailwind CSS. Contribute to chrisrowe/tailwindcss-grid development by creating an account on GitHub.

20- Gradients Plugin for Tailwind CSS

Tailwind CSS plugin to generate gradient background utilities.

GitHub - benface/tailwindcss-gradients: Tailwind CSS plugin to generate gradient background utilities
Tailwind CSS plugin to generate gradient background utilities - GitHub - benface/tailwindcss-gradients: Tailwind CSS plugin to generate gradient background utilities

21- Tailwind CSS Theming

CSS-variables-based swappable themes for Tailwind CSS.

GitHub - innocenzi/tailwindcss-theming: CSS-variables-based swappable themes for Tailwind CSS
CSS-variables-based swappable themes for Tailwind CSS - GitHub - innocenzi/tailwindcss-theming: CSS-variables-based swappable themes for Tailwind CSS

22- Tailwind-Styled-Component

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

GitHub - MathiasGilson/Tailwind-Styled-Component: Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering - GitHub - MathiasGilson/Tailwind-Styled-Component: Create Tailwind CS…

23- TailwindCSS Capsize

✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters.

GitHub - stormwarning/tailwindcss-capsize: ✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters.
✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters. - GitHub - stormwarning/tailwindcss-capsize: ✂️ Tailwind CSS utility classes for trimming whitespace above…

24- Tailwind Plugin generating triangle arrows for tooltip-ish divs

This plugin generates styles for CSS based triangle arrows with configurable border and background via ::after pseudo-elements.

GitHub - gvital3230/tailwindcss-tooltip-arrow-after
Contribute to gvital3230/tailwindcss-tooltip-arrow-after development by creating an account on GitHub.

25- TailwindCSS Scrims

In photography, a scrim is something that softens light — from the sun, or a flash — and is typically a piece of fabric, paper or acrylic stretched across a frame.

In UX, a scrim is a design technique (a gradient or overlay) used to make text more legible when overlaid on an image. The kind of visual treatment that is becoming increasingly common in card-based design.

A typical scrim is a neutral gradient that starts about half-way down an image and increases to 30%-40% opacity, creating a subtle darkening effect that provides enought contrast for white text to be legible.

GitHub - brettgullan/tailwindcss-scrims: Configurable Tailwind plugin for generating scrim classes.
Configurable Tailwind plugin for generating scrim classes. - GitHub - brettgullan/tailwindcss-scrims: Configurable Tailwind plugin for generating scrim classes.

26- Tailwindcss Autofill

TailwindCSS variant to style autocompleted form fields.

GitHub - phuctm97/tailwindcss-autofill: 🎨 TailwindCSS variant to style autocompleted form fields.
🎨 TailwindCSS variant to style autocompleted form fields. - GitHub - phuctm97/tailwindcss-autofill: 🎨 TailwindCSS variant to style autocompleted form fields.

27- Highlights

A plugin for tailwindcss to add highlights to your text.

GitHub - jln13x/tailwindcss-highlights: A plugin for tailwindcss to add highlights to your text
A plugin for tailwindcss to add highlights to your text - GitHub - jln13x/tailwindcss-highlights: A plugin for tailwindcss to add highlights to your text

28- Tailwind CSS Filters

Expressive CSS filters for Tailwind CSS.

GitHub - Larsklopstra/tailwindcss-css-filters: Expressive CSS filters for Tailwind CSS.
Expressive CSS filters for Tailwind CSS. Contribute to Larsklopstra/tailwindcss-css-filters development by creating an account on GitHub.


29- Scrollbar

Tailwindcss plugin to customize browser scrollbar.

GitHub - gradints/tailwindcss-scrollbar: Tailwindcss plugin to customize browser scrollbar.
Tailwindcss plugin to customize browser scrollbar. - GitHub - gradints/tailwindcss-scrollbar: Tailwindcss plugin to customize browser scrollbar.


30- Tailwind CSS Pulgin for Matching Border Radii

A Tailwind CSS plugin for matching border radii.

GitHub - locksten/tailwindcss-padded-radius: A Tailwind CSS plugin for matching border radii
A Tailwind CSS plugin for matching border radii. Contribute to locksten/tailwindcss-padded-radius development by creating an account on GitHub.

31- Tailwind Labeled Groups

A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations.

GitHub - onmax/tailwindcss-labeled-groups: A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations.
A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations. - GitHub - onmax/tailwindcss-labeled-groups: A…

32- Colored/Dynamic Shadow/Glow Plugin

The default shadow plugin for TailwindCSS doesn't support colored shadows, which is a trend now. This can be customized, of course, but it is still overwhelming to get colored shadows for, e.g.: 10 colors.


WARNING: This generates a lot of styles, so it is recommended that you choose only the colors that are necessary, and/or enable purging.

GitHub - umstek/tailwindcss-glow: A glow/dynamic shadow plugin for TailwindCSS
A glow/dynamic shadow plugin for TailwindCSS. Contribute to umstek/tailwindcss-glow development by creating an account on GitHub.


33- Animation Property

A plugin that provides utilities for animation property. Not only does the plugin provide the usual animation properties, these also support dynamic writing using JIT mode, even you can add new properties by using configuration

GitHub - Sylvenas/tailwindcss-animation-property: A plugin that provides utilities for animation property.
A plugin that provides utilities for animation property. - GitHub - Sylvenas/tailwindcss-animation-property: A plugin that provides utilities for animation property.

34- Tailwindcss Palette Generator

Quickly generate tailwind color palettes from a base color.

Plugin key features:

  • Generate color palette with as little as a hex value
  • Generate multiple color palettes
  • Customize the palette shade names & lightnesses
  • Default color naming applied automatically or can be overwritten
  • Zero (0) dependencies
  • Typescript support
GitHub - bobthered/tailwindcss-palette-generator: Quickly generate tailwind color palettes from a base color.
Quickly generate tailwind color palettes from a base color. - GitHub - bobthered/tailwindcss-palette-generator: Quickly generate tailwind color palettes from a base color.

35- Text Fill

TailwindCSS utility to override foreground fill color of text content, is especially useful to style autocompleted form fields with tailwindcss-autofill because color won't work.

GitHub - phuctm97/tailwindcss-text-fill: 🎨 TailwindCSS utility to override foreground fill color of text content.
🎨 TailwindCSS utility to override foreground fill color of text content. - GitHub - phuctm97/tailwindcss-text-fill: 🎨 TailwindCSS utility to override foreground fill color of text content.

36- TailwindCSS fixed space

This plugin generates a set of css classes to add fixed margins to container children, except last one, to spread content in a consistent manner.

This can be useful when you want to spread items in the container with a set interval but don't want to add margins to every child manually and remove it from last child to make separation look proper.

GitHub - n1kk/tailwindcss-spaced-items: TailwindCSS plugin to generate classes for setting fixed space between containers child elements.
TailwindCSS plugin to generate classes for setting fixed space between containers child elements. - GitHub - n1kk/tailwindcss-spaced-items: TailwindCSS plugin to generate classes for setting fixed…


37- Responsive Embed

Responsive embed component for tailwindcss, based on bootstrap's responsive embed which is itself credited to Nicolas Gallagher and SUIT CSS. This will add the .embed-responsive and .embed-responsive-item components to your css.

This plugin relies on webdna/tailwindcss-aspect-ratio to create the aspect ratio utility classes.

GitHub - drdogbot7/tailwindcss-responsive-embed: responsive embed component for tailwindcss
responsive embed component for tailwindcss. Contribute to drdogbot7/tailwindcss-responsive-embed development by creating an account on GitHub.

38- Fluid Class

TailwindCSS plugin to generate fluid utility classes by leveraging existing config.

GitHub - darrenjacoby/tailwindcss-fl: TailwindCSS plugin to generate fluid utility classes using existing config
TailwindCSS plugin to generate fluid utility classes using existing config - GitHub - darrenjacoby/tailwindcss-fl: TailwindCSS plugin to generate fluid utility classes using existing config

39- Capsize

✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters. A proposed CSS property to remove the extra space from text bounding boxes, which affects optical alignment. This article from Microsoft Design outlines the problem and how the proposed solution works.

GitHub - stormwarning/tailwindcss-capsize: ✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters.
✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters. - GitHub - stormwarning/tailwindcss-capsize: ✂️ Tailwind CSS utility classes for trimming whitespace above…

40- RTL

Internationalization in semitic languages needs more than just translating texts, you would also need to mirror the layout horizontally. This can be done by adding dir="rtl" the the layout body tag, but this is propably not be enough and you will need to create a different style for RTL.

With tailwindcss-rtl plugin you will be able to support both RTL and LTR in the same style.

GitHub - 20lives/tailwindcss-rtl: Enabling bidirectional support on tailwindcss framework
Enabling bidirectional support on tailwindcss framework - GitHub - 20lives/tailwindcss-rtl: Enabling bidirectional support on tailwindcss framework

41- Image Rendering Plugin

This plugin adds utilities to use image-rendering with Tailwind CSS.

GitHub - hacknug/tailwindcss-image-rendering: Image-rendering utilities for Tailwind CSS.
Image-rendering utilities for Tailwind CSS. Contribute to hacknug/tailwindcss-image-rendering development by creating an account on GitHub.

42- Theme Swapper

Extend your tailwind config with CSS Custom Properties and trigger the updating of them with any type of selector or media query.

GitHub - crswll/tailwindcss-theme-swapper: A helper for getting tailwind values into css custom properties and switching them between media queries and classes. You can try it out here: https://play.tailwindcss.com/a16eJQSf4a
A helper for getting tailwind values into css custom properties and switching them between media queries and classes. You can try it out here: https://play.tailwindcss.com/a16eJQSf4a - GitHub - crs…

43- Triangle After

CSS :after triangle plugin for tailwindcss framework.

GitHub - chrisrowe/tailwindcss-triangle-after: CSS :after triangle plugin for tailwindcss framework
CSS :after triangle plugin for tailwindcss framework - GitHub - chrisrowe/tailwindcss-triangle-after: CSS :after triangle plugin for tailwindcss framework

44- Truncate Multiline Plugin

Tailwind CSS plugin to generate truncate multiline utilities.

GitHub - jhta/tailwindcss-truncate-multiline: Tailwind CSS plugin to generate truncate multiline utilities
Tailwind CSS plugin to generate truncate multiline utilities - GitHub - jhta/tailwindcss-truncate-multiline: Tailwind CSS plugin to generate truncate multiline utilities

45- Scrollbar Hide

Tailwind plugin for hide scrollbars, although the element can still be scrolled if the element's content overflows.

GitHub - reslear/tailwind-scrollbar-hide: tailwindcss plugin for hide scrollbar
tailwindcss plugin for hide scrollbar. Contribute to reslear/tailwind-scrollbar-hide development by creating an account on GitHub.

46- Grid Areas

A plugin to provide Tailwind CSS utilities for grid areas.

GitHub - SavvyWombat/tailwindcss-grid-areas: A plugin to provide Tailwind CSS utilities for grid areas.
A plugin to provide Tailwind CSS utilities for grid areas. - GitHub - SavvyWombat/tailwindcss-grid-areas: A plugin to provide Tailwind CSS utilities for grid areas.

47- 3D Plugin

3D Plugin for Tailwind CSS adds additional transform utilities and animations which can help you to add three dimensional styling to your interface.

By default TailwindCSS adds transforms in two dimensions ("x" and "y" axis only), so scale, rotate, and translate are flat transformations. This plugin adds support for the "z" axis and implements extensions to the bounce and spin animations to allow them to operate in multiple directions.

GitHub - sambauers/tailwindcss-3d: Add 3D transforms to your TailwindCSS project
Add 3D transforms to your TailwindCSS project. Contribute to sambauers/tailwindcss-3d development by creating an account on GitHub.

48- Card Plugin

Card components for Tailwind CSS.

GitHub - nathanheffley/tailwindcss-card: Card components for Tailwind CSS
Card components for Tailwind CSS. Contribute to nathanheffley/tailwindcss-card development by creating an account on GitHub.

49- Hero Patterns

Streamlined integration between tailwindcss and heropatterns.com.

GitHub - AndreaMinato/tailwind-heropatterns: Streamlined integration between tailwindcss and heropatterns.com
Streamlined integration between tailwindcss and heropatterns.com - GitHub - AndreaMinato/tailwind-heropatterns: Streamlined integration between tailwindcss and heropatterns.com

50- Unsplash Background

TailwindCSS / WindiCSS plugin to easily apply background from unsplash.com into your CSS.

GitHub - shorwood/tailwindcss-unsplash: TailwindCSS/WindiCSS plugin to apply unsplash.com images as background
TailwindCSS/WindiCSS plugin to apply unsplash.com images as background - GitHub - shorwood/tailwindcss-unsplash: TailwindCSS/WindiCSS plugin to apply unsplash.com images as background

Sira UI: A Fancy Design System for Tailwind
Sira UI is an open-source design system that provides a customizable and accessible component library for modern UI design. The design system is built on top of TailwindCSS, a popular utility-first CSS framework, and provides a library of component class names that make it easy for developers and de…
15 Open-source Tailwind-based UI Frameworks and Component Libraries
What is Tailwind? Tailwind is a free, open-source utilities-first CSS framework. It was featured in dozens of projects by developers who use different frameworks as Vue, React, Angular, Blaze, Meteor, Svelte, and others. As its popularity is growing, developers start building their own custom libr…
10 Open Source CSS Animation Frameworks
What is a CSS animation? CSS animation allowing you to animate HTML elements using only CSS classes. It does not require JavaScript, nor extensive setup or configuration. CSS animations allow you to create fancy eye-catching websites, parallel sliders, control, animated hover effects, 3D effects,…
11 Open-source Free TailwindCSS Based UI Plugins and Frameworks
Tailwind is a utility-first CSS framework that helps developers create responsive and scalable user interfaces. It is designed to simplify the process of styling HTML elements by providing pre-defined classes that can be easily applied to the markup. Tailwind’s key advantage is its flexibility. It…




Read more