214 CSS Postcss-plugin Libraries

A boilerplate for creating Figma plugins with Svelte, Vite and Typescript

A boilerplate for creating Figma plugins with Svelte, Vite and Typescript

Figma Plugin + Svelte + Vite + Typescript A boilerplate for creating Figma plugins using Svelte, Vite and Typescript. Connecting your plugin to Figma

01

Simple Javascript Plugin: organize z-index values

Simple Javascript Plugin: organize z-index values

02

A jQuery plugin that converts plain text URLs into HTML links.

A jQuery plugin that converts plain text URLs into HTML links.

jQuery Linkify by Planet Telex A jQuery plugin to quickly and easily wrap plain text URLs and IP addresses in HTML a tags. View Demos and Complete Doc

03

jMyLoader is a jQuery plugin that helps to provide a visual feedback to your users while loading components on a webpage.

jMyLoader is a jQuery plugin that helps to provide a visual feedback to your users while loading components on a webpage.

04

A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.

A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.

Grid Layout Animation A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock. Article on Codrop

05

Caddy Admin UI written by next.js

Caddy Admin UI written by next.js

caddy-admin-ui Add a caddy http directive to serve a web ui for admin api. How to use Build caddy with this package xcaddy build --with github.com/gsm

06

🤖 Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint

🤖 Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint

Tailwind CSS Assistant See it in action on this example website 🎉 ✅ Small JavaScript package that helps you work with Tailwind CSS by... Showing you

07

Elgato Stream Deck plugin written in C# - Will show current time in Escape from Tarkov on a button of your choise.

Stream Deck Tarkov Time This plugin shows the current ingame Escape from Tarkov time on a button of your choise. Stream Deck Tarkov Time is calculated

08

The official Logseq plugin of SimpRead.

logseq-simpread The official Logseq plugin of SimpRead. shana.merge.demo.1.mp4 Usage 注意:本页面不包含使用教程,请前往简悦的 这条 discussion 查看。 Currently the plugin conta

09

Tailwind CSS plugin, add animation-delay CSS property

Tailwindcss animation-delay plugin Tailwind CSS plugin, add animation-delay CSS property. Installation Install the plugin from npm: # Using npm npm in

10

PDF Preview for Zotero.

PDF Preview for Zotero.

Zotero PDF Preview Preview PDF attachments in the library view. Fast & easy. Do not require any third-party softwares. Quick Start Guide Install Downl

11

Highlight Tailwind CSS classes in neovim

Highlight Tailwind CSS classes in neovim

tailwind-highlight.nvim Highlight Tailwind CSS classes in neovim "The neovim plugin used by a Netflix Engineer" Installation Vim Plug " required depen

12

让你的小程序用上原汁原味的 Tailwind/Windi CSS

让你的小程序用上原汁原味的 Tailwind/Windi CSS

Mini Program Tailwind Webpack Plugin 让你的小程序用上原汁原味的 Tailwind/Windi CSS 来自 Digital Creative, 一家位于上海的数字产品调研、设计与开发公司。 了解我们 What we do About us Contact us

13

Obisdian.md plugin for creating timelines

Obisdian.md plugin for creating timelines

Build Amazing Timelines How to use it Choose the timeline or timeline-labeled tag timeline tag Requires + at the beginning of each line: each event ha

14

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.

A Prettier plugin for Tailwind CSS v3.0+ that automatically sorts classes based on our recommended class order. Installation To get started, just inst

15

Sectionize big tiddlers on headings, edit in place, create, fold and manage sections

Section Editor plugin Sectionize big tiddlers on headings, edit in place, create, fold and manage sections. Create patchwork tiddlers, to weave the fr

16

Jump to a date via a convenient popup form. This plugin is a part of the Obsidian42 family of Obsidian plugins.

Jump to a date via a convenient popup form. This plugin is a part of the Obsidian42 family of Obsidian plugins.

Jump To Date Plugin for Obsidian Quickly navigate to a Daily Notes Page using a popup calendar from the ribbon or with a form that you type in a natur

17

Boilerplate for TailwindCSS v2.2 installed as a PostCSS Plugin and JIT mode enabled

Install Tailwind CSS v2.2 as a PostCSS plugin with JIT mode This is a boilerplate for Tailwind CSS installed as a postCSS plugin and configured for tw

18

An Obsidian plugin for coalescing graph nodes (titles, tags, etc.)

An Obsidian plugin for coalescing graph nodes (titles, tags, etc.)

Coalescer Coalescer is a plugin for Obsidian. Coalescer allows you to easily merge files, links, and tags with each other to better organize your vaul

19

Open-source widget to collect feedback anywhere on your website. Lightweight and tiny. That’s it.

Open-source widget to collect feedback anywhere on your website. Lightweight and tiny. That’s it.

Feedback Fin A tiny widget to collect feedback anywhere on your website. That’s it. Website • Discord • Twitter Try the widget ↗ Quick Start Load the

20

Notion-Like tables for Obsidian.md

Notion-Like tables for Obsidian.md

Obsidian Notion-Like Tables Obsidian Notion-Like Tables allows you to create markdown tables using an interface similar to that found in Notion.so. Wh

21

Tailwind-scrollbar - Scrollbar plugin for Tailwind CSS

Scrollbar Plugin for Tailwind CSS Adds styling utilities for scrollbars in Firefox and webkit-based browsers. Installation yarn add -D tailwind-scroll

22

Use the parts of normalize.css (or sanitize.css) you need from your browserslist

PostCSS Normalize PostCSS Normalize lets you use the parts of normalize.css or sanitize.css that you need from your browserslist. @import "normalize.c

23

Simple jQuery plugin for 3d Hover effect

jQuery Hover3d jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015

24

Axis is a large and robust css utility library built on top of stylus.

Axis is a large and robust css utility library built on top of stylus. Installation You can install axis through npm, as such: npm install axis -

25

A runtime dynamic theme color replacement plugin for webpack.

This plugin can extract theme color styles from all the outputed css files (such as element-ui theme colors), and make a 'theme-colors.css' file which

26

PreLoadMe, a lightweight jQuery website preloader.

PreLoadMe, a lightweight jQuery website preloader PreLoadMe is a lightweight preloader for any webcontent. Powered by jQuery and CSS it is fully respo

27

An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.

reset.css An unmodified* copy of Eric Meyer's CSS reset. Install With curl: $ curl -LO "https://unpkg.com/reset-css/reset.css" $ curl -LO "https://unp

28

🌈 A simple plugin to dynamic change ant-design theme whether less or css.

🌈 A simple plugin to dynamic change ant-design theme whether less or css.

A simple plugin to dynamic change ant-design theme whether less or css. English | 简体中文 After gzip: 42.7kB This project was initially targeted at 'ant-

29

hey guys, this is y new stole project with tailwind, enjoy

hey guys, this is y new stole project with tailwind, enjoy

Super Mario Page Hey Guys, listen up, this is my last experiment, it's a super mario page that was designed with tailwindcss, there are movement. More

30

A Counter Plugin for Stream Deck and Live Streams, Integrated with Counter Function of The Botwyn

A Counter Plugin for Stream Deck and Live Streams, Integrated with Counter Function of The Botwyn

Botwyn Stream Deck Plugin Description A Counter Plugin for Stream Deck and Live Streams, Integrated with Counter Function of The Botwyn Features code

31

TailwindCSS plugin that adds utilities for the `all` CSS property

tailwindcss-all TailwindCSS plugin that adds utilities for the all CSS property. The all shorthand CSS property resets all of an element's properties

32

This plugin was built for versions of Internet Explorer that didn't support CSS Transforms

This plugin was built for versions of Internet Explorer that didn't support CSS Transforms. All current versions of today's browsers support them, so there shouldn't be a good reason for you to use this.

33

The most complete CSS support for Sublime Text

The most complete CSS support for Sublime Text

CSS3 The most complete CSS and PostCSS-cssnext support for Sublime Text. Features Absurdly Complete: I mined the entire set of draft specs and support

34

A compass plugin for using normalize.css

Compass Normalize.css This simple plugin for Compass enables you to use normalize.css in your stylesheets without having to download it. Installation

35

Grails plugin for Twitter Bootstrap CSS framework resources

Grails plugin for Twitter Bootstrap CSS framework resources

36

A CSS framework that makes the hard parts of building anything on the web easy

A CSS framework that makes the hard parts of building anything on the web easy. We define the hard parts as: managing class specificity, designing cross-browser form components that work well with each other, creating a harmonious typographic scale, maintaining a baseline grid, and keeping responsive designs simple.

37

Control Panel CSS plugin for Craft CMS

Control Panel CSS plugin for Craft CMS

Easily overwrite the default Control Panel styles that ship with Craft...

38

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

39

A postcss plugin that calculates and generates adaptive css code, such as `rem` and `0.5px borders for retina devices`

A postcss plugin that calculates and generates adaptive css code, such as rem and 0.5px borders for retina devices.

40

PostStylus - a PostCSS adapter for Stylus

PostStylus PostStylus is a PostCSS adapter for Stylus. It allows you to use any PostCSS plugin as a transparent Stylus plugin, and do custom post-proc

41

A PostCSS plugin for adding Instagram filters to your photos

postcss-instagram This is a PostCSS plugin for adding Instagram filters to your photos. Install With npm do: npm install postcss-instagram --save Exa

42

PostCSS Normalize lets you use the parts of normalize.css or sanitize.css that you need from your browserslist

PostCSS Normalize PostCSS Normalize lets you use the parts of normalize.css or sanitize.css that you need from your browserslist. @import "normalize.c

43

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules

Font Magician Font Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use t

44

PostCSS loader for webpack

Webpack chat: PostCSS chat: postcss-loader Loader to process CSS with PostCSS. Getting Started You need webpack v5 to use the latest version. For Webp

45

A plugin for PostCSS that generates rem units from pixel units

postcss-pxtorem A plugin for PostCSS that generates rem units from pixel units. Install $ npm install postcss postcss-pxtorem --save-dev Usage Pixels

46

Selector parser with built in methods for working with selector strings

postcss-selector-parser Selector parser with built in methods for working with selector strings. Install With npm do: npm install postcss-selector-par

47

PostCSS syntax for parsing HTML (and HTML-like)

PostCSS HTML Syntax PostCSS syntax for parsing HTML (and HTML-like) PHP Vue Single-File Component Quick App XSLT Getting Started First thing's first,

48

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

postcss-px-to-viewport English | 中文 A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. Demo If your project inv

49

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen

PostCSS Viewport Height Correction PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen. Installation yarn add

50

PostCSS plugin to transform W3C CSS Custom Properties for at-rule’s parameters

postcss-at-rules-variables PostCSS plugin to transform W3C CSS Custom Properties for at-rule’s parameters. Why? Adds the ability to use a custom prope

51

A pure css3 animated border which supports all moden browser

pure-css-animated-border A pure css3 animated border which supports all moden browser.

52

This plugin allows to create and use scoped CSS variables for colors and spacings in your Tailwind CSS project

This plugin allows to create and use scoped CSS variables for colors and spacings in your Tailwind CSS project

tailwindcss-var This plugin allows to create and use scoped CSS variables for colors and spacings in your Tailwind CSS project. For live-examples chec

53

Logseq plugin samples for beginner 🌱

Logseq Plugin Samples This repository contains sample code illustrating the Logseq Plugin API. You can read, play with or adapt from these samples to

54

An asciidoc live previewer plugin for neovim

asciidoclive.nvim NOTE: I made this just for fun so I probably won't maintain it long term :p An asciidoc live previewer for Neovim. Only works on rec

55

A Material Theme for Jekyll created with React, Redux, and React-Router transpiled with Webpack

A Material Theme for Jekyll created with React, Redux, and React-Router transpiled with Webpack

Material Theme for Jekyll! DEMO: code.liquidthink.net created with React, Redux, React-Router and transpiled with Webpack. Made with React and served

56

A grunt plugin to help front engineer creating css sprite.

grunt-css-sprite 这是什么 这是一个帮助前端开发工程师将 css 代码中的切片合并成雪碧图的工具; 其灵感来源于 grunt-sprite,由于其配置参数限制目录结构等,不能满足通用项目需求,重新造轮子发布; 它的主要功能是: 对 css 文件进行处理,收集切片序列,生成雪碧图 在原

57

A PostCSS plugin to generate WordPress global styles from a theme.json

postcss-wp-global-styles PostCSS plugin to render WordPress global styles from a theme.json file. As of now it only supports preset styles. Usage @wp-

58

An open-source jQuery plugin to easily and semantically add captions to images.

Documentation Install using NPM: npm install --save captionjs Install using Bower: bower install captionjs Below is the basic setup for caption.js. Fo

59

Use Tailwind CSS with the Jigsaw static site generator.

Jigsaw + Tailwind CSS Starter Kit A starter kit for using the Jigsaw static site generator with Tailwind CSS. Features Webpack + Laravel Mix build sys

60

PostCSS Focus Visible lets you use the :focus-visible pseudo-class in CSS, following the Selectors Level 4 specification.

PostCSS Focus Visible lets you use the :focus-visible pseudo-class in CSS, following the Selectors Level 4 specification.

PostCSS Focus Visible lets you use the :focus-visible pseudo-class in CSS, following the Selectors Level 4 specification.

61

Webpack 4 template. Vue, Babel 7v, Sass / css / postcss (autoprefixer & css-nano & css-mqpacker)

Webpack Template Document Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable o

62

A Vue.js template with built-in Vite, Sass, TypeScript, PostCSS, and Tailwind CSS to help you start your project!

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

63

Tiddlywiki Indexer: Create indexes for subject, author, places, objects, etc.

Indexer Tiddlywiki Indexer: Create indexes for subject, author, places, objects, etc. Indexer have UI to create the index entries like LaTeX. Indexer

64

A little bit of utility classes related to css 3d transform

@kamona/tailwindcss-perspective A little bit of utility classes related to css 3d transform Installation Note that @kamona/tailwindcss-perspective wor

65

Tailwind v2 plugin to create classes for the scroll-behavior property

TailwindCSS Scroll Behavior Plugin This plugin generates scroll-behavior classes. Note: As of TailwindCSS v3 these utilities are included by default.

66

The missing Tailwind CSS text-decoration plugin

The missing Tailwind CSS text-decoration plugin

@downwindcss/text-decoration NOTE: Deprecated for Tailwind CSS version 3.x. because TW now provides these functionalities out of the box. Text Decorat

67

Plugin for Tailwind CSS that adds all the different pseudo selectors to variants

Plugin for Tailwind CSS that adds all the different pseudo selectors to variants

Tailwindcss-pseudo-selectors Plugin for Tailwind CSS that adds all the different pseudo selectors as variants Installation NPM npm install tailwindcss

68

TailwindCSS plugin to color caret in input fields.

Caret Color - TailwindCSS Plugin Fork of tailwind-caret-color package. Tailwind 2.0. This plugin generates classes for coloring carets using caret-col

69

Figma Plugin for TailwindCSS

Figma Plugin for TailwindCSS

TailwindCSS Figma Plugin Making your life with Tailwind CSS and Figma easier. Usage Generate a resolved TailwindCSS config (make sure dependencies are

70

TailwindCSS plugin to generate classes for setting fixed space between containers child elements.

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

71

Spinner utility for Tailwind CSS

Spinner utility for Tailwind CSS

Tailwind CSS Spinner Spinner utility for Tailwind CSS NOTICE: This package is now deprecated and archived as Tailwind CSS v1.6 introduced animations w

72

Automatic alpha variants for your Tailwind CSS colors based on your opacity config

Tailwind only supports opacity but sometimes you need to apply semi-transparent background/border or text.

73

A plugin for Tailwind CSS to create utility classes for font-variant-numeric.

tailwindcss-font-variant-numeric A plugin for Tailwind CSS to create utility classes for font-variant-numeric. Requirements This plugin requires Tailw

74

Tailwind CSS Cursor Extended Plugin

Tailwind CSS Cursor Extended Plugin Deprecated due to Tailwind CSS supporting cursor as of v1.0.0. This plugin adds all of the missing cursor utilitie

75

Transition utility plugin for tailwindcss framework

Transition utility plugin for tailwindcss framework

76

Tailwind CSS plugin to generate transition utilities

Tailwind CSS plugin to generate transition utilities

77

Tailwind CSS plugin to generate transform utilities

Tailwind CSS 1.2 (released in February 2020) has utilities for scale, rotate, translate, skew, and transform origin, and contrary to thi

78

Brings grid support to Tailwind CSS

CSS Grid Tailwind Plugin Configuration options grids for specifying all of the grid sizes you'd like to generate gaps for specifying the gap sizes you

79

Tailwind CSS plugin to generate layout utilities

Tailwind CSS 1.0 (released in May 2019) now includes everything that this plugin used to offer except aspect ratio utilities. Therefore

80

A Tailwind CSS plugin that adds additional functionality to help improve accessibility.

Tailwind CSS Accessibility Plugin A Tailwind CSS plugin that adds additional functionality to help improve accessibility. Installing npm install tailw

81

Object-fit - TailwindCSS Plugin

Object-fit - TailwindCSS Plugin This plugin generates classes for object-fit image properties. Installation Pull it in through npm or yarn: npm instal

82

Visually Hidden utility plugin for tailwindcss framework

Visually Hidden Utility Tailwind Plugin Overview Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/

83

Tailwind CSS plugin to generate gradient background utilities

BLACK LIVES MATTER Be aware. Be angry. Do better. Demand change. Show your support any way you can. Click on the link above to find protests, petition

84

Tailwind plugin to generate css vars '--color-name' for colors list.

This plugin generates a set of css vars from tailwinds colors list and puts then into the :root selector. Install yarn add tailwind-color-vars # or np

85

Tailwind CSS plugin to easily add a 'skip to main content' link.

Tailwind CSS Plugin: Skip Link Overview # Using npm npm install --save-dev tailwindcss-skip-link # Using yarn yarn add --dev tailwindcss-skip-link Us

86

Bootstrap styled tables for Tailwind CSS

Bootstrap styled tables for Tailwind CSS

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

87

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

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

Tailwind CSS Debug Screens 📱 A Tailwind CSS component that shows the currently active screen (responsive breakpoint). Demo Install Requires Tailwind

88

TailwindCSS plugin to generate fluid utility classes using existing config

tailwindcss-fl TailwindCSS plugin to generate fluid utility classes by leveraging existing config. Motivation Increase productivity by writing less ma

89

A Tailwind CSS plugin for matching border radii

A Tailwind CSS plugin for matching border radii

Tailwind CSS Pulgin for Matching Border Radii Installation npm install tailwindcss-padded-radius

90

Important variant plugin for tailwindcss framework

Important variant plugin for tailwindcss framework

91

Automatic alpha variants for your Tailwind CSS colors

tailwindcss-alpha Automatic alpha variants for your Tailwind CSS colors Why? If you’re like me your Tailwind CSS color configuration often ends up loo

92

Tailwind CSS plugin to generate pseudo selector variants.

Tailwind CSS Pseudo Selector Plugin Requirements Tailwind CSS = v1.0.0 Installation Install via Yarn: $ yarn add tailwindcss-pseudo Usage // tailwind

93

Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.

Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.

Vite + Vue 3 + Typescript + Tailwind Starter Simple, opinionated, fully typed, and production-ready project template for Vite. This template is practi

94

Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)

RTLCSS RTLCSS is a framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL). Documentation Visit https://rtlcss

95

A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.

Morphext A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css. It is more succinctly

96

Remove unused styles from CSS

UnCSS UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS. How The proc

97

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

Stylelint A mighty, modern linter that helps you avoid errors and enforce conventions in your styles. Features It's mighty as it: understands modern C

98

`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.

postcss-cssnext has been deprecated in favor of postcss-preset-env Read more at https://moox.io/blog/deprecating-cssnext/ postcss-cssnext PostCSS plug

99

A starter to show you how to use PostCSS with Remix.

remix-postcss This project demonstrates how to use PostCSS (TailwindCSS) in a Remix project, you can find a tutorial video on Youtube. This project is

100
1 2 3