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-12-25 00:23:05 UTC
- JSON Representation
https://github.com/wearegenki/minna-ui
😸 A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 25 Dec 2024
https://github.com/ixkaito/nextsss
Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.
autoprefixer eslint google-analytics next-seo nextjs nextjs-starter postcss prettier sass tailwindcss typescript
Last synced: 01 Nov 2024
https://github.com/WeAreGenki/minna-ui
😸 A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 28 Oct 2024
https://github.com/zgreen/postcss-critical-css
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
critical-css css postcss postcss-critical-css postcss-plugin
Last synced: 18 Dec 2024
https://github.com/sndrs/postcss-atomised
Atomise standard CSS
atomic-css css postcss proof-of-concept
Last synced: 19 Nov 2024
https://github.com/budparr/hugopipes-tailwindcss
Hugo's Pipes functionality using TailwindCSS and PurgeCSS
hugo postcss purgecss tailwindcss
Last synced: 13 Nov 2024
https://github.com/shubhadip/vue3-component-library
This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css
component-library library library-boilerplate postcss rollup rollupjs starter-template typescript vue vue3 vue3-project vuejs
Last synced: 27 Oct 2024
https://github.com/atsistemas/react-base
atSistemas React/Redux Isomorphic Platform
chai coverage enviroment enzyme immutablejs isomorphic jsdom mocha postcss react reactjs redux universal webpack3
Last synced: 12 Nov 2024
https://github.com/bjarneo/cessie
Transpile your CSS bundle to support CSS variables, calc, and future CSS for legacy browsers.
css ie11 less postcss preprocessor sass scss transpiler
Last synced: 10 Nov 2024
https://github.com/sebastian-software/edgestack
[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...
apollo-client css-modules expressjs graphql-client lost-grid postcss react-boilerplate universal-react webpack2
Last synced: 27 Sep 2024
https://github.com/gucong3000/postcss-jsx
PostCSS syntax for parsing CSS in JS literals
css css-in-js parsing postcss postcss-syntax react syntax
Last synced: 18 Dec 2024
https://github.com/bstaruk/starbase
⭐ Production-ready static website boilerplate featuring Webpack 5, TypeScript, PostCSS & Tailwind CSS.
boilerplate boilerplate-template eslint front-end-starter-kit postcss static-site stylelint tailwindcss typescript webpack webpack-dev-server webpack5 webpack5-boilerplate
Last synced: 14 Oct 2024
https://github.com/hudochenkov/postcss-styled-syntax
PostCSS syntax for CSS-in-JS like styled-components
css-in-js postcss postcss-syntax styled-components
Last synced: 23 Dec 2024
https://github.com/pixeldevsio/tailpress
A Tailwind CSS enabled Underscores theme
jit postcss purgecss tailwindcss theme wordpress wordpress-theme
Last synced: 16 Nov 2024
https://github.com/pascalduez/postcss-scrollbar
PostCSS plugin enabling custom scrollbars
Last synced: 19 Dec 2024
https://github.com/cliffordp/cliff-wp-plugin-boilerplate
Cliff's WordPress plugin boilerplate
autoloader boilerplate composer customizer-optionsettings hacktoberfest minified namespace parcel php postcss react shortcode shortcodes tailwindcss unminified wordpress wordpress-development wordpress-plugin wordpress-plugin-boilerplate wp-plugin
Last synced: 10 Oct 2024
https://github.com/weblancaster/seed-react-project
[DEPRECATED] Yet another React boilerplate to rapidly and easily start a React stack component focused project from scratch without the tedious configuration work.
boilerplate css-modules postcss react react-router redux scaffolding webpack
Last synced: 01 Oct 2024
https://github.com/madeleineostoja/postcss-hexrgba
PostCSS plugin that adds shorthand hex methods to rgba() values
css-color css-colors postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/yunusga/postcss-momentum-scrolling
PostCSS plugin add 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS
css inertia-scroll ios ios-safari momentum momentum-scrolling overflow postcss postcss-plugin safari scroll touch
Last synced: 02 Nov 2024
https://github.com/dbtedman/postcss-prefixwrap
A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.
bun deno npm pnpm postcss postcss-plugin typescript
Last synced: 23 Dec 2024
https://github.com/simonsmith/postcss-property-lookup
PostCSS plugin for property lookups, similar to Stylus
lookup postcss postcss-property-lookup stylus
Last synced: 24 Dec 2024
https://github.com/janraasch/hugo-product-launch
🚀 A Hugo theme for young start-ups, product launches, and »coming soon«-websites. Includes contact form & newsletter sign up via Netlify. Deploy with one click!
hugo hugo-theme netlify netlify-forms postcss tailwindcss theme
Last synced: 20 Dec 2024
https://github.com/finmavis/webpack-4-boilerplate
Webpack 4 Boilerplate with Babel, SASS or SCSS, browser autoprefix, and optimization using gzip and brotli for Production
auto-prefixer babel boilerplate bundler es6 html5 javascript postcss sass scss webpack webpack-boilerplate webpack-configuration webpack-dev-server webpack-starter webpack4 webpack4-boilerplate
Last synced: 06 Nov 2024
https://github.com/mrmlnc/emitty
A platform for finding dependencies between files and building tools for incremental compilation or build.
inheritance jade less nunjucks performance postcss posthtml pug scss stylus
Last synced: 10 Oct 2024
https://github.com/giuseppeg/styled-jsx-postcss
Use PostCSS with styled-jsx 💥
css css-in-js postcss reactjs styled-jsx zeit
Last synced: 10 Dec 2024
https://github.com/XhmikosR/find-unused-sass-variables
A simple tool to find unused Sass variables
Last synced: 25 Oct 2024
https://github.com/xhmikosr/find-unused-sass-variables
A simple tool to find unused Sass variables
Last synced: 22 Dec 2024
https://github.com/glebmachine/postcss-easysprites
Easy sprites for postcss. Just append `#spritename` to the end of image url. No complicated mechanism or strict folder structure.
assets-management postcss postprocessing retina-images sprites
Last synced: 31 Oct 2024
https://github.com/jednano/postcss-triangle
PostCSS plugin to create a triangle.
equilateral isosceles postcss postcss-plugin right triangle
Last synced: 28 Oct 2024
https://github.com/paralect/nextjs-landing-starter
Build your landing site based on Next.JS in minutes 🚀
landing-websites nextjs paralect-stack postcss react ssr starter starter-kit
Last synced: 20 Nov 2024
https://github.com/scrum/postcss-at-rules-variables
PostCss plugin to use CSS Custom Properties in at-rule @each, @for, @if, @else and more...
at-rules css plugins postcss postcss-plugins property rules
Last synced: 19 Dec 2024
https://github.com/shellscape/postcss-values-parser
A CSS property value parser for PostCSS
css cssnext lesshint parse postcss postcss-values-parser values
Last synced: 20 Dec 2024
https://github.com/gucong3000/postcss-html
PostCSS syntax for parsing HTML (and HTML-like)
css html parsing postcss postcss-html postcss-syntax vue-components
Last synced: 28 Oct 2024
https://github.com/cossssmin/jigsaw-tailwindcss
Use Tailwind CSS with the Jigsaw static site generator.
blade jigsaw laravel-mix php postcss purgecss static-site-generator tailwind-css
Last synced: 28 Oct 2024
https://github.com/jednano/postcss-nested-props
PostCSS plugin to unwrap nested properties.
css nested nested-properties postcss postcss-plugin properties props sass
Last synced: 28 Oct 2024
https://github.com/oliverfindl/electron-vue-boilerplate
Simple boilerplate for building Vue app with Electron and Webpack.
boilerplate electron electron-vue-boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack
Last synced: 26 Oct 2024
https://github.com/madeleineostoja/postcss-fontpath
PostCSS plugin to automatically generate font-face src sets based on a path to font files
css font-face postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/bluskript/vite-plugin-inline-css-modules
Write CSS modules without leaving your javascript!
postcss solidjs vite vite-plugin
Last synced: 07 Dec 2024
https://github.com/azat-io/atom-language-postcss
:atom: Atom language support for PostCSS
Last synced: 10 Nov 2024
https://github.com/upperdo/backoffice-template
Clean Architecture Sveltekit Appwrite template include admin area, auth, protected routes, it use ShadCN-Svelte as base component library, include authorization, designed to be easy to maintain and very scalable.
appwrite clean-architecture feature-first-folder-structure pnpm postcss shadcn-svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vite
Last synced: 09 Oct 2024
https://github.com/fz6m/lightningcss-loader
Speed up your Webpack build with lightningcss (Original parcel-css-loader)
autoprefixer lightningcss parcel-css postcss webpack-css-minifier webpack-loader
Last synced: 27 Oct 2024
https://github.com/Bluskript/vite-plugin-inline-css-modules
Write CSS modules without leaving your javascript!
postcss solidjs vite vite-plugin
Last synced: 02 Nov 2024
https://github.com/ahyiru/pack
@huxy/pack 是一个项目构建工具,集成了 esbuild、eslint、stylelint、jest、commitlint、husky、standard-version、postcss、prettier,提供开发环境、构建打包、本地启动服务、环境配置、代理配置等功能。
commitlint esbuild eslint husky jest nodejs postcss stylelint webpack
Last synced: 31 Oct 2024
https://github.com/tenhobi/postcss-czech-stylesheets
PostCSS plugin for writing Czech Style Sheets
Last synced: 08 Nov 2024
https://github.com/Poimen/stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
postcss stencil stenciljs tailwind tailwindcss
Last synced: 15 Nov 2024
https://github.com/tomeraberbach/postcss-fontpie
A PostCSS plugin for optimizing font loading layout shifts using fontpie!
cls css fontpie fonts npm-module npm-package postcss postcss-plugin
Last synced: 17 Dec 2024
https://github.com/poimen/stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
postcss stencil stenciljs tailwind tailwindcss
Last synced: 11 Nov 2024
https://github.com/akiraz2/yii2-app
All you need for Rapid Development is My Advanced Template (Docker, DB||Redis Cache, Gentelella Admin, Dektrium-User, log-db, queue-db, i18n, EmailForm, postcss, Gii Ant) ~~~FREE WITH GREAT SUPPORT!~~~
dektrium gentelella-theme gii i18n logging postcss pretty-url ready-to-use yii2-application-template yii2-queue yii2-user
Last synced: 12 Oct 2024
https://github.com/olehdutchenko/sort-css-media-queries
The custom `sort` method (mobile-first / desktop-first) for the `postcss-sort-media-queries` and `css-mqpacker`, or possibly something else
combine css-mqpacker desktop-first media mobile-first mq node-css-mqpacker pleeease postcss queries sort
Last synced: 28 Oct 2024
https://github.com/unlight/postcss-import-url
PostCSS plugin inlines remote files.
Last synced: 19 Dec 2024
https://github.com/vhscom/svelte-headlessui-starter
🚀 Launch your next Svelte app using Headless UI. Mirror of Svelte Headless UI Starter on Codeberg. :point_down:
changesets cssnano graphql headlessui playwright postcss supabase svelte sveltejs sveltekit tailwindcss typescript vite
Last synced: 07 Nov 2024
https://github.com/madeleineostoja/postcss-alias
PostCSS plugin that allows you to create aliases for CSS properties
Last synced: 28 Oct 2024
https://github.com/csstools/postcss-selector-not
PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to more compatible CSS (multiple css3 :not() selectors)
javascript postcss postcss-plugins
Last synced: 20 Nov 2024
https://github.com/svelte-add/postcss
Add PostCSS to your Svelte project
cssnano postcss svelte svelte-add svelte-kit sveltekit vite
Last synced: 16 Nov 2024
https://github.com/justalever/tailwind-airbnb
A demo of how to build Airbnb's home page using Tailwind CSS
css front-end-development postcss tailwindcss
Last synced: 20 Oct 2024
https://github.com/madeleineostoja/postcss-clearfix
PostCSS plugin that adds a 'fix' argument to the 'clear' property
clearfix css postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/thuongtruong1009/twitter-meta
🏷 Stay up-to-date with tweets from multidisciplinary, fully informed with all live commentary. Free and widely available online for everyone.
bablejs component css3 eslint firebase frontend-web github html-css-javascript html5 javascript pinia postcss prettier pwa quasar scss twitter typescript vue-router vuejs
Last synced: 17 Nov 2024
https://github.com/simonsmith/postcss-at2x
Simplify handling of retina images in CSS
at2x javascript postcss retina-images
Last synced: 27 Oct 2024
https://github.com/lutien/postcss-extract-value
PostCSS plugin to extract values from css properties and put them into variables.
Last synced: 01 Nov 2024
https://github.com/lysyi3m/atom-postcss-sorting
Atom editor plugin to sort CSS rules content with specified order.
apm atom-plugin css postcss sorting
Last synced: 11 Nov 2024
https://github.com/friendsofredaxo/redaxo-mit-bimmelbam
REDAXO front-end with Gulp, Browserify, PostCSS and Bimmelbam (stuff)
babel browserify frontend gulp node nunjucks postcss redaxo sass
Last synced: 09 Oct 2024
https://github.com/tivac/fixie
PostCSS plugin to simplify IE CSS hacks
css-hack ie-hacks postcss postcss-plugins
Last synced: 21 Nov 2024
https://github.com/mistricky/postcss-relaxed-unit
🍮Postcss-relaxed-unit is a postcss plugin for unit tranformation and make write css easier with custom unit.
css postcss postcss-plugin px rem typescript unit-tranformation
Last synced: 16 Nov 2024
https://github.com/manzdev/parcel-document-blank
A prepared package for new HTML/CSS/JS projects and easy coding (with Parcel)
css3 eslint html5 javascript parcel postcss pug stylelint template tslint typescript
Last synced: 10 Oct 2024
https://github.com/gucong3000/postcss-syntax
Automatically switch PostCSS syntax based on file extensions
css extension postcss postcss-syntax switch syntax
Last synced: 23 Dec 2024
https://github.com/vd39/typescript-webpack-boilerplate
A starter frontend boilerplate built with TypeScript/JavaScript, Webpack 5, PostCSS, Jest, ESLint, and Stylelint.
babel babel7 boilerplate-template eslint husky javascript jest postcss setup stylelint typescript webpack webpack-boilerplate
Last synced: 09 Dec 2024
https://github.com/voightco/micro-site
Opinionated 11ty micro front-end that can be used to create a one-pager.
11ty eleventy nunjucks postcss static-site static-site-generator
Last synced: 07 Nov 2024
https://github.com/storybookjs/addon-styling
A base addon for configuring popular styling tools
addon css postcss scss storybook styling theme-switcher
Last synced: 29 Sep 2024
https://github.com/robbevp/postcss-multiple-tailwind
Easily handle multiple tailwindcss configs within your project.
postcss postcss-plugin tailwindcss
Last synced: 31 Oct 2024
https://github.com/jednano/postcss-center
PostCSS plugin to center elements.
Last synced: 28 Oct 2024
https://github.com/nico-martin/markdown-editor
An on-device AI powered markdown editor web app based on the File System Access API
ai filesystemaccess postcss preact pwa webai webllm workbox
Last synced: 06 Dec 2024
https://github.com/d4rkr00t/aik
Frontend Playground
aik frontend-playground javascript playground postcss prototyping react repl webpack
Last synced: 30 Oct 2024
https://github.com/privatenumber/vite-css-modules
Vite plugin for correct CSS Modules behavior
css css-modules patch plugin postcss vite
Last synced: 23 Dec 2024
https://github.com/argyleink/vite-postcss-preset-env
cssnext devenvironments modern-syntax postcss vite
Last synced: 31 Oct 2024
https://github.com/leodido/postcss-clean
PostCss plugin to minify your CSS with clean-css
clean-css css es2015 hacktoberfest javascript minification minify optimizer postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/8398a7/abilitysheet
This app is ability sheet for beatmania iidx music of level 12.
circleci docker gcp helm iidx immutablejs kubernetes postcss postgresql rails react react-rails redux redux-saga ruby slack typescript yarn
Last synced: 02 Dec 2024
https://github.com/barata-ribeiro/vite-vanilla-js-template
ViteJS starter template for vanilla JavaScript with some basic dependencies.
autoprefixer boilerplate boilerplate-template css-nano css-reset eslint javascript open-source postcss prettier scaffold-template template vanilla-javascript vite vite-template vitejs vitejs-template
Last synced: 23 Nov 2024
https://github.com/justim/postcss-svg-fallback
An automatic SVG converter for your CSS files
javascript postcss postcss-plugins svg svg-fallback
Last synced: 28 Oct 2024
https://github.com/lttb/postjss
Use the power of PostCSS in compiling with JSS
babel babel-plugin css-in-js jss postcss styled-components
Last synced: 08 Nov 2024
https://github.com/Barata-Ribeiro/vite-vanilla-js-template
ViteJS starter template for vanilla JavaScript with some basic dependencies.
autoprefixer boilerplate boilerplate-template css-nano css-reset eslint javascript open-source postcss prettier scaffold-template template vanilla-javascript vite vite-template vitejs vitejs-template
Last synced: 07 Nov 2024
https://github.com/jeff2ma/postcss-lazyimagecss
A PostCSS plugin that generates images's CSS width & height properties automatically.
css nodejs postcss postcss-lazyimagecss postcss-plugin
Last synced: 15 Nov 2024
https://github.com/xxczaki/static-webpack-boilerplate
:rocket: Minimal & Modern Webpack Boilerplate for building static sites
babel boilerplate modern postcss site static-site stylelint webpack website xo
Last synced: 25 Nov 2024
https://github.com/lskjs/lskjs
Lego Starter Kit — Node.js & React isomorphic app creator (Node.js, Express, React.js, Babel, PostCSS, Webpack)
babel boilerplate express nodejs postcss react starter-kit webpack
Last synced: 18 Dec 2024
https://github.com/tol-is/tailwind-compositor
A tailwindcss system of constraints designed to produce aesthetically pleasing, typographic compositions, based on objective, constant dimensions of space.
baseline baseline-grid css grid postcss tailwind tailwindcss tailwindcss-plugin typography vertical-rhythm
Last synced: 02 Oct 2024
https://github.com/brycewray/eleventy_solo_starter
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
11ty css demo eleventy internalcss jit postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss
Last synced: 25 Sep 2024
https://github.com/gladejs/gladejs
Helping Marko to Roll Uphill, Pass the CaScadeS and reach the GladeJS at 11' for Tea (it's a frontend framework).
eleventy jamstack marko postcss rollup ssg static-site-generator
Last synced: 11 Oct 2024
https://github.com/ximing/mpbuild
小程序构建工具
babel build miniprogram npm postcss typescript
Last synced: 18 Dec 2024
https://github.com/weihanchen/angular-screenshot
Angularjs directive for screen capture.
angular capture cssnext es6 karma postcss screenshot webpack2
Last synced: 11 Oct 2024
https://github.com/yunsii/postcss-antd-fixes
PostCSS plugin tries to fix all issues about antd with any others global CSS reset
ant-design antd postcss postcss-plugin tailwindcss
Last synced: 24 Dec 2024
https://github.com/umbopepato/rollup-plugin-postcss-lit
Rollup plugin to load PostCSSed stylesheets in LitElement components
css lit-element lit-html postcss rollup rollup-plugin
Last synced: 31 Oct 2024