172 CSS Figma-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

This Portfolio was built entirely in HTML/CSS and JavaScript for DOM Manipulation, using technologies such as Flexbox and Grid, and applying Responsive design. It is based on a FIGMA design

Portfolio: Mobile and Desktop version This is a last milestone in the process of creating a portfolio website. Now, I'm adding the preservation of the

03

Project Of Creating My Portfolio Website for both Mobile Version and Desktop Version Using A Template From Figma Design Using HTML, CSS and JavaScript

Project Of Creating My Portfolio Website for both Mobile Version and Desktop Version Using A Template From Figma Design Using HTML, CSS and JavaScript

Portfolio this my porfolio mobile and desktop version Built With HTML CSS Media javascript Site Mockup Live Demo (if available) Live Demo Link Getting

04

Simple Javascript Plugin: organize z-index values

Simple Javascript Plugin: organize z-index values

05

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

06

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.

07

I got the UI/UX design from Rauliqbal in Figma. So I've decided to make it Open Source so that everyone can take a part and create this amazing Websie.

I got the UI/UX design from Rauliqbal in Figma. So I've decided to make it Open Source so that everyone can take a part and create this amazing Websie.

Open-Source 💻 Figma file I'll send you a copy of The figma file, So that you can work with that. Click here Then make an Issue and tell me which part

08

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

09

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

10

🤖 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

11

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

12

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

13

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

14

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

15

robots-figma-GPT3 modern UI/UX Design

robots-figma-GPT3-modern-UI-UX-Design This project is designed using figma and developed using react Figma Link: https://www.figma.com/file/lz9lLpFHMx

16

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

17

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

18

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

19

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

20

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

21

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

22

This is a portfolio website created by using the template provided by Microverse in Figma.

This is a portfolio website created by using the template provided by Microverse in Figma.

My-Portfolio Portfolio: Desktop version + Mobile Version This is a portfolio website created by using the template provided in Figma. Built With HTML

23

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

24

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

25

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

26

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

27

set up a new repository and prepare it for development using best practices (e.g. linters) and build the first 2 sections of the mobile website using a Figma template

Setup, mobile and Desktop version of my portfolio Description of the project. set up a new repository and prepare it for deployement using best practi

28

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

29

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

30

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

31

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

32

This is a Microverse project that aims at recreating a portfolio using a Figma design.

Portfolio This is a Microverse (@microverse) project which aims at recreating a portfolio design using a Figma template. Requirements Build a portfoli

33

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

34

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

35

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.

36

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

37

Grails plugin for Twitter Bootstrap CSS framework resources

Grails plugin for Twitter Bootstrap CSS framework resources

38

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

39

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

Chrome Plugin Css3 Animation generator

40

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.

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

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

43

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

44

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

45

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

46

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

47

A pure css3 animated border which supports all moden browser

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

48

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

49

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

50

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

51

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

52

A grunt plugin to help front engineer creating css sprite.

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

53

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-

54

shadesNfades displays a different range of the color you have selected. So it can be a great assistant for you when designing

The shades and fades of life! Provides you with the ability to pick the color you want for your design How to use: Enter the Hex color code you want.

55

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

56

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

57

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

58

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.

59

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

60

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

61

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

62

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

63

Figma Kit for TailwindCSS

Figma Kit for TailwindCSS

Figma Kit for TailwindCSS Information Click the banner or here to get to the project Limitations Font styles need to be overwritten separately Figma d

64

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

65

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

66

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.

67

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

68

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

69

Transition utility plugin for tailwindcss framework

Transition utility plugin for tailwindcss framework

70

Tailwind CSS plugin to generate transition utilities

Tailwind CSS plugin to generate transition utilities

71

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

72

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

73

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

74

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

75

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

76

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/

77

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

78

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

79

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

80

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.

81

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

82

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

83

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

84

Important variant plugin for tailwindcss framework

Important variant plugin for tailwindcss framework

85

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

86

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

87

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

88

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

89

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

90

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

91

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

92

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

93

A Simple and Definitive Open-Source Icons Library

A Simple and Definitive Open-Source Icons Library

Iconoir is an open source library with 1000+ SVG Icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. Browse at

94

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

95

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

96

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

97

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

98

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

99

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

100
1 2