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/tailwindlabs/tailwindcss
A utility-first CSS framework for rapid UI development.
css css-framework functional-css postcss responsive tailwindcss utility-classes
Last synced: 23 Dec 2024
https://github.com/saadeghi/daisyui
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
component component-library components css css-components css-framework daisyui design-pattern design-system design-systems postcss svelte tailwind tailwind-css tailwindcss ui-design ui-framework ui-kit ui-library ui-pattern
Last synced: 23 Dec 2024
https://github.com/stylelint/stylelint
A mighty CSS linter that helps you avoid errors and enforce conventions.
css enforce-conventions lint linter postcss
Last synced: 23 Dec 2024
https://github.com/uncss/uncss
Remove unused styles from CSS
build-tool cleanup css javascript postcss stylesheets uncss unusedcss
Last synced: 23 Dec 2024
https://github.com/fullhuman/purgecss
Remove unused CSS
css optimization-tools postcss postcss-plugin purgecss rollup-plugin webpack-plugin
Last synced: 23 Dec 2024
https://github.com/FullHuman/purgecss
Remove unused CSS
css optimization-tools postcss postcss-plugin purgecss rollup-plugin webpack-plugin
Last synced: 25 Oct 2024
https://github.com/fkling/astexplorer
A web tool to explore the ASTs generated by various parsers.
ast ast-explorer babel javascript jscodeshift parser postcss
Last synced: 25 Dec 2024
https://github.com/moox/postcss-cssnext
`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
css cssnext javascript postcss postcss-plugins
Last synced: 23 Dec 2024
https://github.com/MoOx/postcss-cssnext
`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
css cssnext javascript postcss postcss-plugins
Last synced: 27 Oct 2024
https://github.com/egoist/poi
⚡A zero-config bundler for JavaScript applications.
babel build-tool bundle postcss preact react svelte typescript vue vuejs webpack
Last synced: 27 Sep 2024
https://github.com/chakra-ui/panda
🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
atomic-css compiler css css-in-js design-system design-tokens engine framework-agnostic jit-compiler postcss styled-system theming typescript utility-classes
Last synced: 23 Dec 2024
https://github.com/cssnano/cssnano
A modular minifier, built on top of the PostCSS ecosystem.
css cssnano minification optimisation postcss
Last synced: 23 Dec 2024
https://github.com/peterramsing/lost
LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
Last synced: 24 Dec 2024
https://github.com/suitcss/suit
Style tools for UI components
css css-packages postcss preprocessor suit-css
Last synced: 26 Dec 2024
https://github.com/twbs/rfs
✩ Automates responsive resizing ✩
css font-size frontend postcss responsive rfs sass scss stylus
Last synced: 23 Dec 2024
https://github.com/evrone/postcss-px-to-viewport
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
css-scale media-queries mobile-design pixel-units postcss rem-units taro vh viewport-units vw
Last synced: 24 Dec 2024
https://github.com/andywer/webpack-blocks
📦 Configure webpack using functional feature blocks.
babel postcss typescript webpack webpack-blocks
Last synced: 24 Dec 2024
https://github.com/mobi-css/mobi.css
A lightweight, scalable, mobile-first CSS framework
css css-framework cssnext design flexbox mobi-css mobile mobile-first postcss
Last synced: 27 Dec 2024
https://github.com/matype/stylefmt
stylefmt is a tool that automatically formats stylesheets.
css formatter postcss postcss-plugins sass stylelint
Last synced: 21 Dec 2024
https://github.com/cuth/postcss-pxtorem
Convert pixel units to rem (root em) units using PostCSS
Last synced: 24 Dec 2024
https://github.com/lumeland/lume
🔥 Static site generator for Deno 🦕
deno eta jsx liquid lume markdown nunjucks postcss react static-site-generator svgo typescript yaml
Last synced: 25 Dec 2024
https://github.com/madeleineostoja/rucksack
A little bag of CSS superpowers, built on PostCSS
css css-framework postcss postcss-plugins responsive-typography
Last synced: 21 Dec 2024
https://github.com/leebenson/reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
apollo apollo-client brotli emotion graphql gzip helmet hot-reload less postcss react reactjs sass server-side-rendering ssr starter-kit typescript universal webpack webpack4
Last synced: 20 Dec 2024
https://github.com/ericalli/static-site-boilerplate
A better workflow for building modern static websites.
babel boilerplate es6 eslint ftp html less minification netlify postcss sass starter-kit stylelint webpack
Last synced: 20 Dec 2024
https://github.com/MohammadYounes/rtlcss
Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
cascading-style-sheets css css3 flip i18n left-to-right ltr mirror postcss postcss-plugin right-to-left rtl rtlcss
Last synced: 08 Dec 2024
https://github.com/mohammadyounes/rtlcss
Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
cascading-style-sheets css css3 flip i18n left-to-right ltr mirror postcss postcss-plugin right-to-left rtl rtlcss
Last synced: 23 Dec 2024
https://github.com/luangjokaj/wordpressify
🎈 Automate your WordPress development workflow.
boilerplate build-tool database docker docker-compose docker-settings es6 gulp nginx node nodejs postcss sass wordpress wordpress-theme wordpressify workflow xdebug
Last synced: 25 Dec 2024
https://github.com/postcss/postcss-import
PostCSS plugin to inline at-import rules content
css modules npm postcss postcss-plugin
Last synced: 23 Dec 2024
https://github.com/mrmckeb/typescript-plugin-css-modules
A TypeScript language service plugin providing support for CSS Modules.
css modules plugin postcss sass typescript
Last synced: 26 Dec 2024
https://github.com/rokoroku/react-redux-typescript-boilerplate
A bare minimum frontend boilerplate with React 16, Typescript 3 and Webpack 4
boilerplate postcss react redux todomvc treeshaking typescript webpack
Last synced: 21 Dec 2024
https://github.com/panr/hugo-theme-hello-friend
Pretty basic theme for Hugo that covers all of the essentials. All you have to do is start typing!
blog hugo hugo-theme markdown nodejs personal-site postcss responsive webpack
Last synced: 27 Sep 2024
https://github.com/vkcom/vkui
VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
javascript mobile-web opensource postcss reactjs typescript ui uikit vkontakte vkui
Last synced: 24 Dec 2024
https://github.com/daisyui/react-daisyui
daisyUI components built with React 🌼
component-library components css css-components css-framework daisyui design-systems library postcss react react-daisyui reactjs tailwind tailwind-css tailwindcss ui-design ui-framework ui-kit ui-library
Last synced: 24 Dec 2024
https://github.com/ConciseCSS/concise.css
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
css design framework minimalist postcss sass
Last synced: 08 Nov 2024
https://github.com/concisecss/concise.css
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
css design framework minimalist postcss sass
Last synced: 21 Dec 2024
https://github.com/larsenwork/postcss-easing-gradients
PostCSS plugin to create smooth linear-gradients that approximate easing functions.
css gradients postcss postcss-plugin
Last synced: 21 Dec 2024
https://github.com/themeselection/flyonui
🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.
component-library components css design-system html hugo javascript postcss semantic tailwind tailwind-css tailwind-css-template tailwind-plugin tailwindcss tailwindcss-components-library typescript ui-framework ui-library uikit webpack
Last synced: 26 Dec 2024
https://github.com/turretcss/turretcss
Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
autoprefixer css html postcss turret turretcss
Last synced: 21 Dec 2024
https://github.com/manuelbieh/react-ssr-setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
babel css-modules eslint express hmr i18n postcss prettier react react-router redux reselect typescript webpack
Last synced: 27 Dec 2024
https://github.com/postcss/gulp-postcss
Pipe CSS through PostCSS processors with a single parse
gulp-plugin javascript postcss
Last synced: 26 Dec 2024
https://github.com/uicrooks/shopify-theme-lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
liquid postcss scss shopify shopify-theme tailwind tailwindcss vue webpack
Last synced: 23 Dec 2024
https://github.com/weareathlon/frontend-webpack-boilerplate
Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.
babel boilerplate browser-syncing build-tool developer-tools es6 eslint html javascript optimize-assets postcss sass setup stylelint template webpack webpack-configuration webpack5
Last synced: 26 Dec 2024
https://github.com/WeAreAthlon/frontend-webpack-boilerplate
Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.
babel boilerplate browser-syncing build-tool developer-tools es6 eslint html javascript optimize-assets postcss sass setup stylelint template webpack webpack-configuration webpack5
Last synced: 18 Nov 2024
https://github.com/svelte-add/tailwindcss
⚠️ MOVED: https://github.com/svelte-add/svelte-add/ ⚠️ Add Tailwind CSS to your Svelte project
postcss purgecss svelte svelte-add svelte-kit sveltekit tailwindcss vite
Last synced: 27 Sep 2024
https://github.com/sindresorhus/gulp-autoprefixer
Prefix CSS
autoprefixer css gulp-plugin javascript nodejs postcss prefix-css
Last synced: 26 Dec 2024
https://github.com/debdut/browser-extension
Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.
boilerplate chrome-extension postcss preact starter starter-kit template
Last synced: 25 Dec 2024
https://github.com/Debdut/browser-extension
Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.
boilerplate chrome-extension postcss preact starter starter-kit template
Last synced: 02 Nov 2024
https://github.com/egoist/rollup-plugin-postcss
Seamless integration between Rollup and PostCSS.
css-modules less postcss rollup sass stylus
Last synced: 26 Dec 2024
https://github.com/salihozdemir/stackoverflow-clone
This project is a simplified a full stack clone of Stackoverflow.
context-api express mongodb moongose nextjs nodejs postcss react storybook
Last synced: 25 Dec 2024
https://github.com/victoriadrake/hugo-theme-introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
blog-theme hugo hugo-blog-theme hugo-theme language-translation light personal-website postcss smooth-scrolling theme
Last synced: 26 Dec 2024
https://github.com/granze/react-starterify
A minimal React JS application starter kit
boilerplate browserify kickstarter postcss react
Last synced: 20 Dec 2024
https://github.com/ningbonb/html5
HTML5学习、总结、实践
angularjs canvas css3 es6 html5 javascript jquery postcss zepto
Last synced: 24 Dec 2024
https://github.com/ChanceArthur/tailwindcss-dark-mode
🌚 A Tailwind CSS plugin that adds variants for dark mode
css dark-mode dark-theme javascript postcss tailwind tailwindcss tailwindcss-plugin
Last synced: 30 Oct 2024
https://github.com/ningbonb/HTML5
HTML5学习、总结、实践
angularjs canvas css3 es6 html5 javascript jquery postcss zepto
Last synced: 21 Nov 2024
https://github.com/nicothin/nth-start-project
Startkit for HTML / CSS / JS pages layout.
bem css gulp hot-reload html postcss postcss-image-inliner pug scss start starter starter-kit starter-project starterkit
Last synced: 27 Sep 2024
https://github.com/navneetsharmaui/sveltekit-starter
Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
bulb eslint husky postcss scss server-side-rendering sevltekit-pwa ssr storybook svelte svelte-example sveltejs sveltekit sveltekit-example sveltekit-server-side-rendering sveltekit-tailwind-template sveltekit-template tailwindcss typescript
Last synced: 21 Dec 2024
https://github.com/importantimport/urara
🌸 Sweet, Powerful, IndieWeb-Compatible SvelteKit Blog Starter. [Polaris]
blog blog-template daisyui indieweb jamstack mdsvex microformats postcss progressive-web-app svelte sveltejs sveltekit sveltekit-template tailwind tailwindcss typescript unocss urara
Last synced: 20 Dec 2024
https://github.com/imbhargav5/nextbase-nextjs-supabase-starter
🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ Playwright ✍️ Commitizen 💬 Commitlint 💻 VSCode 🌪️ Vercel 🎨 PostCSS 🍃 Tailwind CSS ⚛️ React Query
boilerplate boilerplate-code boilerplate-react eslint jamstack js-boilerplate nextjs nextjs-13 nextjs-boilerplate nextjs-starter nextjs-tailwind nextjs-template nextjs-typescript postcss saas-boilerplate seo starter-kit tailwindcss typescript
Last synced: 21 Dec 2024
https://github.com/borela/naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
babel babel-sublime cssnext es2015 es2016 es6 es7 flow flowtype html5 php7 postcss react reactjs sass styled-components sublime syntax webpack
Last synced: 21 Dec 2024
https://github.com/postcss-rs/postcss-rs
🚀 Fast and 100% API compatible postcss replacer, built in Rust
Last synced: 21 Dec 2024
https://github.com/bigskysoftware/missing
The classless-ish CSS library you've been missing
classless-css classless-css-framework classless-theme css css-framework css-library deno postcss
Last synced: 26 Dec 2024
https://github.com/dcasia/mini-program-tailwind
让你的小程序用上原汁原味的 Tailwind/Windi CSS
atomic-css css mini-program postcss tailwind tailwindcss taro uni-app unocss weapp webpack wechat windicss
Last synced: 22 Dec 2024
https://github.com/hsiangleev/element-plus-admin
基于vite+ts+elementPlus
admin element-plus postcss stylelint typescript vite vue-next vuejs3
Last synced: 21 Dec 2024
https://github.com/milesmcc/a17t
An atomic design toolkit for pragmatists
atomic-design components css css3 design framework postcss tailwindcss ui-components
Last synced: 27 Dec 2024
https://github.com/developmint/nuxt-purgecss
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
hacktoberfest nuxt nuxt-module nuxt-purgecss nuxtjs postcss purgecss vue webpack
Last synced: 26 Dec 2024
https://github.com/Developmint/nuxt-purgecss
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
hacktoberfest nuxt nuxt-module nuxt-purgecss nuxtjs postcss purgecss vue webpack
Last synced: 01 Nov 2024
https://github.com/zeon-studio/nextplate
Nextplate is a free starter template built with Next.js and TailwindCSS. It provides you with almost everything you need to jump-start your Next.js project. Try Nextplate and save yourself hours of work.
boilerplate-template jamstack jamstack-theme js-boilerplate mit-license next-js nextjs-blog nextjs-boilerplate nextjs-starter nextjs-template open-source postcss starter-kit static-site static-site-generator tailwind-css-template tailwindcss vercel zeon-studio
Last synced: 21 Dec 2024
https://github.com/uninen/vite-ts-tailwind-starter
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
cypress-io postcss tailwindcss typescript vite vue
Last synced: 21 Dec 2024
https://github.com/stylify/packages
💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎.
astrobuild atomic-css css css-framework frontend functional-css javascript nextjs nodejs nuxt nuxt-module nuxtjs php postcss react ssr typescript utility-classes vue webpack
Last synced: 24 Dec 2024
https://github.com/2createStudio/postcss-sprites
Generate sprites from stylesheets.
css postcss postcss-plugin sprites spritesheets spritesmith svg svg-sprites
Last synced: 04 Nov 2024
https://github.com/2createstudio/postcss-sprites
Generate sprites from stylesheets.
css postcss postcss-plugin sprites spritesheets spritesmith svg svg-sprites
Last synced: 22 Dec 2024
https://github.com/alexdevero/electron-react-webpack-boilerplate
Minimal Electron, React, PostCSS and Webpack boilerplate to help you get started with building your next app.
boilerplate boilerplate-application boilerplate-template electron electron-app postcss react reactjs webpack
Last synced: 25 Dec 2024
https://github.com/Uninen/vite-ts-tailwind-starter
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
cypress-io postcss tailwindcss typescript vite vue
Last synced: 26 Oct 2024
https://github.com/kogakure/gulp-tutorial
Code examples for my Gulp.js tutorial series.
base64 browserify browsersync compass css fontcustom gulp gzip icon icon-webfonts javascript jekyll learning linting postcss revision rsync sass tutorial webp
Last synced: 22 Dec 2024
https://github.com/rokoroku/react-mobx-typescript-boilerplate
A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
boilerplate mobx postcss react todomvc treeshaking typescript webpack
Last synced: 22 Dec 2024
https://github.com/operationcode/front-end
Operation Code's website
beginner-friendly css cypress hacktoberfest hacktoberfest2017 hacktoberfest2018 hacktoberfest2019 hacktoberfest2020 jest next postcss react storybook
Last synced: 21 Dec 2024
https://github.com/madeleineostoja/postcss-responsive-type
Automagical responsive typography, built on PostCSS
font-size postcss postcss-plugin responsive
Last synced: 22 Dec 2024
https://github.com/taylorbryant/next-starter-tailwind
Next.js starter styled with Tailwind CSS
autoprefixer nextjs nextjs-starter postcss purgecss react tailwind
Last synced: 22 Dec 2024
https://github.com/whilelucky/pwa
An opinionated progressive web app boilerplate
babel boilerplate editorconfig eslint html-streaming jest pm2 postcss preload process-manager prpl pwa react react-router redux route-chunking testing universal webpack
Last synced: 24 Dec 2024
https://github.com/mackentoch/react-director-admin-template
ReactJS version of Director Responsive Admin Template Free
admin admin-dashboard bootstrap3 postcss react react-hot-loader-3 react-router-v4 reactjs redux template webpack3
Last synced: 21 Dec 2024
https://github.com/roots/bud
High-performance build system that supports SWC, esbuild, and Babel
babel build-tool esbuild eslint hmr postcss react sass stylelint typescript vue webpack
Last synced: 26 Dec 2024
https://github.com/deptno/next.js-typescript-starter-kit
:deciduous_tree: [email protected], Styled-jsx, TypeScript, Jest, SEO
bootstrap cssnext enzyme facebookpixel font-awesome google-analytics nextjs postcss redux redux-thunk seo storybook typescript
Last synced: 27 Sep 2024
https://github.com/wswmsword/postcss-mobile-forever
一款 PostCSS 插件，将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
css css-scale media-queries mobile-design mobile-first mobile-forever pixel-units postcss postcss-px-to-viewport responsive-web-design viewport-units
Last synced: 21 Dec 2024
https://github.com/siilwyn/css-declaration-sorter
Sort CSS declarations fast and automatically in a certain order.
Last synced: 25 Dec 2024
https://github.com/kristerkari/react-native-css-modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
css css-modules css-variables less media-queries postcss react-native sass stylus viewport-units
Last synced: 23 Dec 2024
https://github.com/ismamz/postcss-utilities
PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
css mixins postcss postcss-plugins
Last synced: 25 Dec 2024
https://github.com/reshape/reshape
:diamond_shape_with_a_dot_inside: transform html with javascript plugins
ast babel html postcss syntax-tree transformation
Last synced: 25 Dec 2024
https://jonathanharrell.github.io/hiq/
A lightweight, progressive, high-IQ CSS framework.
css custom-properties postcss responsive-typography
Last synced: 19 Nov 2024
https://github.com/jonathanharrell/hiq
A lightweight, progressive, high-IQ CSS framework.
css custom-properties postcss responsive-typography
Last synced: 21 Dec 2024