Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
PostCSS
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2024-11-15 00:23:00 UTC
- JSON Representation
https://github.com/okikio/postcss-spring-easing
PostCSS plugin to add that bounce and boogie that only springs can bring
easings linear postcss postcss-plugin spring spring-easing
Last synced: 11 Oct 2024
https://github.com/dkrnl/postcss-font-display
PostCSS plugin to automatically add font-display css rule
css font-display postcss postcss-plugin
Last synced: 09 Nov 2024
https://github.com/7studio/postcss-color-rgb
PostCSS plugin to transform new RGB functions syntaxes to compatible CSS.
color css postcss postcss-plugin rgb
Last synced: 08 Nov 2024
https://github.com/bennyxguo/hexo-renderer-tailwindcss
A hexo renderer for tailwindcss with postcss preprocessor.
hexo hexo-renderer postcss tailwindcss
Last synced: 10 Nov 2024
https://github.com/yordis/postcss-google-font
PostCSS plugin for import Google fonts
font google-fonts postcss postcss-google-font
Last synced: 27 Oct 2024
https://github.com/lbrian/postcss-class-rename
PostCSS plugin simply replaces string without hassle
css postcss postcss-plugin postcss-plugins rollup webpack webpack-loader
Last synced: 16 Oct 2024
https://github.com/francoisromain/postcss-typescale
A PostCSS plugin to set type.
postcss postcss-plugin postcss-typescale typescale
Last synced: 17 Nov 2024
https://github.com/angatar/tailwindcss
Tiny container with Tailwind CSS CLI official binaries only (into scratch), that can help any project to make use of Tailwind CSS without requiring Node.js nor npm
container css css-framework docker functional-css postcss responsive tailwindcss utility-classes
Last synced: 09 Nov 2024
https://github.com/chara0511/to-do-app
html-css-javascript nextjs postcss react tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/andrepolischuk/postcss-pseudo-class-any-button
PostCSS plugin for targeting all button elements with :any-button selector
Last synced: 09 Nov 2024
https://github.com/yhunlu/blogf-cmsblog
Modern Responsive Jamstack - GraphCMS Blog Web Application
full-stack fullstack graphcms graphql graphql-request graphqlcms headless-cms html-react-parser jamstack moment nextjs postcss react react-dom react-multi-carousel sass tailwindcss vercel vercel-deployment
Last synced: 09 Nov 2024
https://github.com/princed/postcss-modules-tilda
PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.
css-loader css-modules postcss postcss-plugin tilda
Last synced: 12 Oct 2024
https://github.com/atsistemas/vue-base
atSistemas Vue/Vuex based developing platform standard
babel jest postcss standard-js vue vuex webpack
Last synced: 09 Nov 2024
https://github.com/jasonraimondi/jmondi
A collection of utility packages for use in a variety of projects.
electron form-validation postcss routes typescript
Last synced: 09 Nov 2024
https://github.com/rubum/css-parser
A tool for parsing CSS in Elixir to a structured data. It's an initial attempt in implementing PostCSS in Elixir.
Last synced: 29 Oct 2024
https://github.com/goodguyry/postcss-tidy-columns
PostCSS plugin to manage column and margin alignment.
alignment columns grid postcss postcss-plugin
Last synced: 09 Nov 2024
https://github.com/dependents/node-detective-postcss
Find the dependencies of a CSS file (PostCSS dialect)
ast css dependencies dependency-graph detective nodejs parser postcss
Last synced: 16 Nov 2024
https://github.com/ayusharma/jest-css-module-transformer
A Jest transformer for css and scss files
css javascript jest postcss scss transformer
Last synced: 28 Oct 2024
https://github.com/juliyvchirkov/utils.css
a couple of useful css utils
alignment animation bootstrap bootstrap4 css css-animations html html-css html5 indentation layout mobile-first node-sass postcss postcss-scss sass
Last synced: 15 Oct 2024
https://github.com/mackentoch/react-bootstrap-webpack-ssr-starter
react js + bootstrap + webpack 2 + react-router 4 + server side rendering starter
bootstrap bootstrap3 chai hot-reload postcss react react-router react-router-v4 reactjs server-side-rendering webpack webpack2
Last synced: 16 Nov 2024
https://github.com/gucong3000/postcss-pie
makes IE capable of rendering several of the most useful CSS3 decoration features.
border-image border-radius box-shadow css3 gradient ie pie postcss
Last synced: 12 Oct 2024
https://github.com/philipbordallo/postcss-color-emoji
✏ Emoji in full color!
Last synced: 17 Nov 2024
https://github.com/svelte-add/picocss
Add Pico CSS to your Svelte project
postcss scss svelte svelte-add svelte-kit sveltekit vite
Last synced: 16 Nov 2024
https://github.com/dangvanthanh/create-web-app
Create Web App
babel coffeescript create-web-app less nunjucks postcss pug rollup sass typescript
Last synced: 11 Oct 2024
https://github.com/huynhducduy/react-starter-kit
Duy's React Starter Kit based on Create React App
babel boilerplate boilerplate-application boilerplate-front-end boilerplate-template boilerplates eslint postcss react reactjs reactjs-boilerplate starter starter-kit starter-project starter-template starterkit tailwind typescript vite webpack
Last synced: 13 Nov 2024
https://github.com/yesnoruly/parcel-start
Clone this repo to start your own projects!
boileplate css gh-pages html parcel postcss posthtml-include starter-template template
Last synced: 03 Aug 2024
https://github.com/dcalhoun/postcss-warn-cleaner
Selectively remove PostCSS warnings from your logs.
ignore-warnings postcss vendor
Last synced: 24 Oct 2024
https://github.com/obewds/vueventus
A repository for the VueVentus component library
nodejs obewds postcss rollup tailwindcss vite vitepress vue vueventus
Last synced: 10 Nov 2024
https://github.com/francoisromain/postcss-button
A PostCSS plugin to create buttons.
css postcss postcss-button postcss-plugins
Last synced: 17 Nov 2024
https://github.com/yarastqt/postcss-theme-fold
Postcss plugin for folding css-variables with using whitepaper design system in legacy browsers.
css-variables postcss postcss-plugin whitepaper
Last synced: 05 Nov 2024
https://github.com/narze/sapper-tailwindcss-template
Sapper Template with TailwindCSS
postcss purgecss rollup sapper svelte tailwindcss template
Last synced: 08 Nov 2024
https://github.com/lumenpearson/docs.goodbyedpi.ui
User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing DPI(Deep Packet Inspection) bypass utils (Windows 10/11).
apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack
Last synced: 31 Oct 2024
https://github.com/merri/alku
We are divergent. The CSS framework for people who desire to have more accessible defaults.
classless-css css css-framework css-reset css-utilities css-variables html-attributes normalize-css postcss
Last synced: 12 Oct 2024
https://github.com/johnwatkins0/postcss-bootstrap-4-grid
Generates Bootstrap 4-style grid classes with PostCSS.
bootstrap bootstrap4 node postcss
Last synced: 11 Oct 2024
https://github.com/pierrickgt/pcgb
PCGB: a simple PostCSS boilerplate to kickstart your static website project
Last synced: 27 Oct 2024
https://github.com/jonaskuske/postcss-smoothscroll-anchor-polyfill
⚙ Transform CSS for use with smoothscroll-anchor-polyfill
anchor postcss postcss-plugin scroll smooth-scroll smooth-scrolling smoothscroll smoothscroll-anchor-polyfill
Last synced: 22 Oct 2024
https://github.com/pboivin/tailwind-parcel-starter
Yet another front-end starter template
es6 parcel-bundler postcss starter-template tailwindcss
Last synced: 14 Oct 2024
https://github.com/startino/futino
The monorepo for Futino
monorepo postcss svelte sveltekit tailwind tailwindcss turborepo vite
Last synced: 13 Aug 2024
https://github.com/factorial-io/drupal-breakpoints-css
Extract CSS custom properties and custom-media queries as well as a JavaScript config from Drupal's theme breakpoints
css custom-media custom-properties drupal mediaqueries postcss
Last synced: 10 Nov 2024
https://github.com/switowski/portfolio
My personal website built with Eleventy
alpinejs eleventy eleventy-website postcss tailwindcss
Last synced: 06 Nov 2024
https://github.com/thangchung/tailwindonblazor-template
Makes Tailwind works with Blazor (live-reload mode)
blazor postcss tailwindcss template webassemby
Last synced: 25 Oct 2024
https://github.com/codeilluminators/docs.goodbyedpi.ui
User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing DPI(Deep Packet Inspection) bypass utils (Windows 10/11).
apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx next-mdx-remote nextjs pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack
Last synced: 02 Nov 2024
https://github.com/0xtheprodev/storybook-addon-sass-postcss
Storybook AddOn that incorporates PostCSS Preprocessor over CSS Modules with Sass support
css-modules postcss sass storybook storybook-addon webpack
Last synced: 14 Oct 2024
https://github.com/daveinchy/native-desktop-template
non create-react-app but React Native desktop application template, all configurations done from scratch so its very customizable. This is a stable release! maybe update webpack-cli package if not working.
application desktop development electronjs eslint mobile postcss prettier-eslint react-native reactjs tailwindcss template webpack
Last synced: 09 Nov 2024
https://github.com/abvcss/abvcss
abvCSS - CSS-methodology and framework for creating modern and supported web interfaces
abvcss bem bootstrap bulma css-framework css-methodology less normalize-css postcss sass webpack
Last synced: 06 Nov 2024
https://github.com/amitkbiswas01/eleventy-template
Portfolio website template with integrated standard blog features.
11ty 11ty-template blog portfolio-template postcss snowpack static-site-generator tailwindcss
Last synced: 02 Oct 2024
https://github.com/shellyln/webpack-typescript-lib-quickstart
[DEPRECATED] Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.
ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2
Last synced: 27 Sep 2024
https://github.com/bmf-san/sea.css
sea.css is a simple and easy to use css framework.
bem css css-framework flex flexbox minimal postcss
Last synced: 16 Oct 2024
https://github.com/adrice727/typescript-react-storybook
A Starter Kit for Building a Reusable React Component Library
components postcss react starter-project storybook typescript
Last synced: 09 Nov 2024
https://github.com/milliorn/acn-website
Official website dedicated to the Carpathian Nightmare Neverwinter Nights server. It serves as a comprehensive platform for players and prospective players to access information, updates, and resources.
autoprefixer bootstrap carpathian chokidar firebase lodash neverwinter-nights neverwinter-nights-enhanced-edition neverwinternights nightmare nwn nwn-ee nwnxee postcss prettier pug sass shelljs website
Last synced: 02 Nov 2024
https://github.com/hex-ci/postcss-unit-processor
PostCSS plugin to process css unit.
Last synced: 10 Nov 2024
https://github.com/epszaw/poehali
:sparkles: Fast way to build another static-web site with all actual technologies
boilerplate-template frontend markup postcss pug starter-kit
Last synced: 12 Oct 2024
https://gitlab.com/digested/node-digest
Reusable configurations to get projects started quickly.
babel build eslint graphql javascript jest nightwatch node postcss react stylelint typescript webpack
Last synced: 29 Oct 2024
https://github.com/fengyuanchen/postcss-header
Add a header to a file.
banner css header postcss postcss-plugin
Last synced: 16 Nov 2024
https://github.com/eddiesigner/simple-media-queries
[PostCSS] Simple and mobile first media queries made easy.
css css3 gulp javascript media-queries nodejs npm postcss
Last synced: 31 Oct 2024
https://github.com/rodeyseijkens/react-starter-kit
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, React.js, Babel, PostCSS, Webpack, Browsersync, Styleguidist)
babel browsersync cssmodules eslint expressjs nodejs postcss prettier reactjs styleguidist webpack
Last synced: 30 Sep 2024
https://github.com/cosmoart/where-in-the-world
🌎 Website to search for country information. Made with the Rest Countries API, React and Tailwind.
api-rest frontend-mentor postcss react reactjs tailwindcss vitejs
Last synced: 11 Oct 2024
https://github.com/andrewmacmurray/tachyons-setup
Customisable setup for using tachyons in a project
boilerplate css postcss tachyons
Last synced: 12 Oct 2024
https://github.com/anicedantfa/blog.ngockhoi96.dev
A personal blog that share my ideas, experiences about techs and lifestyles.
blog cloudflare markdown mdx nextjs postcss react-hook-form react-testing-library reactjs storybook typescript velite vercel vitest zod zustand
Last synced: 11 Oct 2024
https://github.com/natainditama/panducovid
😷 COVID-19 awareness website
covid-19 covid-virus covid19 css health-informatics healthcare html html-css-template html-template html5 parcel parcel-bundler postcss posthtml socialdistance static stayathome staysafe tailwindcss vaccinate
Last synced: 26 Oct 2024
https://github.com/saneef/pug-postcss-webpack-starter
A static website starter which support Pug.js, PostCSS and Webpack.
postcss pugjs starter-kit webpack
Last synced: 06 Nov 2024
https://github.com/vagusx/postcss-bgc-rgba-fallback
postcss plugin for background rgba polyfill
background-rgba fallback ie8 polyfill postcss postcss-plugins
Last synced: 16 Oct 2024
https://github.com/zxxj/xin-design
A Vue 3 Component Library. Uses TypeScript. Fast.
jsx postcss postcss-plugin typescript vitepress vuejs
Last synced: 11 Oct 2024
https://github.com/teabyii/babel-plugin-postcss-css-modules
Babel CSS Modules by PostCSS
babel babel-plugin css-modules postcss transform
Last synced: 09 Oct 2024
https://github.com/scrum/postcss-attribute-selector-prefix
Adds a prefix to attribute selectors
attribute-selector namespace plugins postcss prefix
Last synced: 17 Oct 2024
https://github.com/shgysk8zer0/postcss-import
Plug-in for importing local & remote stylesheets with PostCSS
build node npm postcss postcss-plugin
Last synced: 17 Oct 2024
https://github.com/rayjason/inline-html-styles
Inline (Tailwind) CSS stylesheets into HTML style attributes.
css html juice postcss postcss-plugin tailwindcss
Last synced: 28 Oct 2024
https://github.com/jayrbolton/postcss-walk
Postcss runner to compile many css files in a directory tree and watch for changes
Last synced: 01 Nov 2024
https://github.com/ezavile/postcss-typescript-css-example
How to use postcss-typescript-css plugin with webpack 2, React, TypeScript and PostCSS
css postcss postcss-plugin typescript
Last synced: 07 Nov 2024
https://github.com/karolis-sh/postcss-stats
Simple package that prints your css stats to console
css cssstats postcss postcss-plugins
Last synced: 12 Oct 2024
https://github.com/hamlim/postcss-plugin-initial
PostCSS plugin to fallback initial keyword
Last synced: 27 Oct 2024
https://github.com/jeffjewiss/broccoli-postcss-single
🌳 Postcss compiler for single files with Broccoli.
broccoli broccoli-plugin postcss postcss-plugins
Last synced: 28 Oct 2024
https://github.com/ffcabbar/webpack-starter-pack
:fire: A simple webpack starter kit for your development needs.
autoprefixer babel babel-loader babel-preset-react basic beginners-friendly boilerplate css-loader es6 frontend javascript postcss react sass sass-loader starter-kit style-loader webpack webpack-starter-kit
Last synced: 05 Nov 2024
https://github.com/ivanminutillo/kanban-webcomponent
A kanban web-component built with stenciljs, based on valueflows syntax
postcss stenciljs valueflows webcomponent
Last synced: 01 Nov 2024
https://github.com/johnwatkins0/postcss-custom-props-themes
A PostCSS plugin for generating theming classes based on CSS custom properties.
css custom-properties nodejs postcss postcss-plugin
Last synced: 11 Oct 2024
https://github.com/saneef/nanools-tokens
Source code for tokens2css.nanools.com
Last synced: 11 Oct 2024
https://github.com/hiro0218/postcss-media-hover-any-hover
PostCSS plugin wraps selectors with :hover with at-media (hover: hover) block
Last synced: 11 Oct 2024
https://github.com/alexz7000/clean-react-template
Clean Arch + React + Typescript + SWC + Vite + TailwindCSS + Eslint + Prettier + Husky + Jest + Testing library template
babel eslint html husky jest postcss prettier react reactts setup simple swc tailwind tailwind-css tailwindcss template testing-library type typescript vite
Last synced: 11 Oct 2024
https://github.com/jantimon/postcss-inline
PostCSS plugin that puts fonts / and images as data URIs into your CSS
Last synced: 12 Oct 2024
https://github.com/tednaaa/fsrt
🚀 ReactJS + TypeScript boilerplate designed for an exceptional DX 🧩 It embraces the feature sliced design methodology for modularity and code reusability. also dockerized 🐳
axios babel boilerplate cypress docker eslint feature-sliced-design husky jest mock-service-worker postcss prettier react-router-dom react-testing-library reactjs reactjs-boilerplate scss-modules typescript webpack
Last synced: 11 Oct 2024
https://github.com/bush1d3v/tsbank_app
Aplicativo mobile do TSBank, um app bancário completo possuindo todas as transações bancárias existentes.
babel docker eslint expo html javascript mit-licence mobile nativewind nodejs postcss react react-native tailwindcss typescript yarn
Last synced: 07 Nov 2024
https://github.com/shoonia/css-mqpacker-webpack-plugin
The Webpack plugin for pack same CSS media query rules into one using PostCSS
postcss webpack webpack-plugin
Last synced: 09 Nov 2024
https://github.com/alexandr-g/nextjs-tailwind-starter
Unofficial minimalistic NextJS + Tailwind CSS starter kit
nextjs nextjs-tailwind postcss tailwind tailwind-css tailwindcss
Last synced: 20 Oct 2024
https://github.com/florianbouvot/gulp-boilerplate
A boilerplate for building web projects with Gulp 4.
autoprefixer css gulp gulp-boilerplate gulp-starter javascript minify opimization postcss purgecss rollup sass svg-sprite tailwindcss versioning
Last synced: 14 Oct 2024
https://github.com/akellbl4/next-with-preact-boilerplate
Boilerplate for Next.js with Preact, tests with Jest and Enzyme
css-modules enzyme eslint jest nextjs nextjs-boilerplate nextjs-starter postcss preact prettier
Last synced: 15 Oct 2024
https://github.com/zenekezene/vue-and-friends-boilerplate
Vuejs boilerplate with add-ons.
babel css eslint html5 husky javascript postcss pug sass sass-framework stylelint webpack
Last synced: 15 Oct 2024
https://github.com/brielov/react-app
A blazing fast create-react-app alternative
eslint husky lint-staged postcss prettier react tailwindcss typescript vite vitest
Last synced: 02 Nov 2024
https://github.com/webpack-config/webpack-config-css
A curated CSS loader config for Webpack with CSS Modules, PostCSS, and JS styles.
css-in-js postcss webpack webpack2
Last synced: 20 Oct 2024
https://github.com/gorriecoe/postcss-functions-lite
PostCSS plugin for exposing JavaScript functions.
Last synced: 12 Nov 2024