159 CSS 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

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

13

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

14

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

15

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

16

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

17

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

18

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

19

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

20

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

21

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

22

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

23

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

24

🌈 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-

25

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

26

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

27

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.

28

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

29

Grails plugin for Twitter Bootstrap CSS framework resources

Grails plugin for Twitter Bootstrap CSS framework resources

30

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

31

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

32

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.

33

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

34

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

35

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

36

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

37

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

38

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

39

A pure css3 animated border which supports all moden browser

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

40

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

41

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

42

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

43

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

44

A grunt plugin to help front engineer creating css sprite.

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

45

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-

46

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

47

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

48

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

49

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.

50

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

51

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

52

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

53

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

54

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

55

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

56

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.

57

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

58

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

59

Transition utility plugin for tailwindcss framework

Transition utility plugin for tailwindcss framework

60

Tailwind CSS plugin to generate transition utilities

Tailwind CSS plugin to generate transition utilities

61

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

62

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

63

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

64

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

65

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

66

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/

67

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

68

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

69

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

70

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.

71

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

72

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

73

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

74

Important variant plugin for tailwindcss framework

Important variant plugin for tailwindcss framework

75

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

76

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

77

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

78

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

79

Generate a color palette 🎨 using CSS variables 🔡 for TailwindCSS 🍃

Generate a color palette 🎨 using CSS variables 🔡 for TailwindCSS 🍃

Palette plugin using CSS variables for TailwindCSS Adds a color palette (from 100 to 900) for each color of your tailwind configuration while using CS

80

Most used UI Components — of web applications. Curated/Most loved components for web development

UI Components Almost most of the UI components you use in your web applications as a collection. Why Name UI Components? There is a misleading word us

81

Fluent Reveal Effect JavaScript library for web

Fluent Reveal Effect JavaScript library for web

Reveal Effect library (Fluent Design System) Apply reveal effect to border and background of elements. Demo https://imageglass.org/ https://d2phap.git

82

A simple Bootstrap 4 steps plugin, support mobile client.

Bootstrap Steps A simple Bootstrap steps plugin, support mobile client. Demo See Demo. Getting started Must include Bootstrap 4. Installation Install

83

A shiny bootstrap plugin to create milestone lists.

A shiny bootstrap plugin to create milestone lists.

bootstrap-milestones.css A shiny bootstrap plugin to create milestone lists. Shamelessly inspired by GitHub's Pull Request history. ##How to start ###

84

Kanboard plugin theme for improved design

Kanboard plugin theme for improved design

Theme Plugin for Kanboard This plugin adds a new CSS style theme to the Kanboard user interface. Style for Kanboard Main Features The board is tweaked

85

A Vue plugin helping you build CSS grid like layout system with the support of old browser like IE9.

vue-block A Vue plugin helping you build CSS grid like layout system with the support of old browser like IE9. Feature vue-block can provide you: CSS

86

Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

iziToast Elegant, responsive, flexible and lightweight notification plugin with no dependencies. izitoast.marcelodolza.com Fast Responsive Animated Li

87

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

iziModal Elegant, responsive, flexible and lightweight modal plugin with jQuery. izimodal.marcelodolza.com Fast Responsive Animated Lightweight Custom

88

A jQuery plugin for creating exceptional footnotes.

bigfoot.js by Chris Sauve Bigfoot is a jQuery plugin that creates exceptional footnotes. Simply include the code on your pages and footnotes will be d

89

A lightweight and beautiful jQuery plugin for radio and checkbox inputs.

This repository is no longer mantained. I recommend you to use reactive and modern JavaScript frameworks, such as VueJS and React. Labelauty jQuery Pl

90

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat

91

Yet, just another hexo plugin for security.

hexo-blog-encrypt 中文说明 What's this First of all, the BEST post encryption plugin in the universe for hexo.(But what about the other plugins?) It is fo

92

Bootstrap Paginator is a jQuery plugin that simplifies the rendering of Bootstrap Pagination component

Bootstrap Paginator v1.0 Bootstrap Paginator is a jQuery plugin that simplifies the rendering of Bootstrap Pagination component. It provides methods t

93

A modal built with pure CSS, enhanced with JavaScript

CSS Modals Modals built out of pure CSS Please visit the website to read more about this project and refer to the FAQ in case of a question. What is i

94

A bootstrap 5 plugin to create vertical and nested navigation which support collapsing and searching.

BS5-Nav-Tree NOTE: ALL OLD VERSIONS ARE DEPRECATED. PLEASE USE v0.3. NOTE 2: THIS PROJECT IS OPEN FOR CONTRIBUTION. PLEASE FEEL FREE FOR PULL REQUEST.

95

Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.

Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.

Themeable, statically extracted CSS‑in‑JS with near‑zero runtime. Write your styles in JavaScript/TypeScript within treat files (e.g. Button.treat.js)

96

👩‍🎤 CSS-in-JS library designed for high performance style composition

👩‍🎤 CSS-in-JS library designed for high performance style composition

emotion The Next Generation of CSS-in-JS Emotion 11 has been released 🚀 See the blog post Emotion is a performant and flexible CSS-in-JS library. Bui

97

Remove unused CSS

Remove unused CSS

PurgeCSS What is PurgeCSS? When you are building a website, chances are that you are using a css framework like Bootstrap, Materializecss, Foundation,

98

A Less port of Bootstrap v4

A Less port of Bootstrap v4

Bootstrap Less This is a Less port of Bootstrap v4, since Bootstrap now uses Sass for CSS preprocessing. This is purely a Sass→Less port: it doesn’t m

99

Create your own CSS generator with the form to css generator Builder plugin

Create your own CSS generator with the form to css generator Builder plugin

Form to CSS generator Builder | jQuery Plugin Create your own CSS generator with the form to css generator Builder plugin. Can be usefull to create yo

100
1 2