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: 2025-01-08 00:19:12 UTC
- JSON Representation
https://github.com/treetips/react-router-redux-typescript-parcel-example
react-router-redux-typescript-parcel-example
parcel postcss prettier react redux scss tslint typescript3 vscode
Last synced: 31 Dec 2024
https://github.com/johnwatkins0/postcss-spacing-utils
Generates spacing utility classes from user settings.
Last synced: 19 Nov 2024
https://github.com/garthdb/design-token-attributes
A mono repo for managing design token contexts
design-system monorepo postcss styledictionary stylelint
Last synced: 30 Nov 2024
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 07 Jan 2025
https://github.com/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 14 Nov 2024
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial
Last synced: 08 Jan 2025
https://github.com/efiand/sedona
Сайт туристического городка.
a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/efiand/device
Интернет-магазин гаджетов.
bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack
Last synced: 14 Nov 2024
https://github.com/lasalefamine/chrome-ext-boilerplate
Chrome extension boilerplate with Webpack and PostCSS ready.
boilerplate chrome-extension postcss webpack
Last synced: 30 Nov 2024
https://github.com/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 14 Nov 2024
https://github.com/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 14 Nov 2024
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 14 Nov 2024
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 14 Nov 2024
https://github.com/efiand/portfolio
Портфолио со списком работ и биографией. Все данные получаются по Github API
a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack
Last synced: 14 Nov 2024
https://github.com/efiand/pineglade-app
Engine for launching and assembling small and medium-sized sites.
bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack
Last synced: 14 Nov 2024
https://github.com/efiand/mobf21
Предыдущая версия сайта mobf21.com
a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp
Last synced: 14 Nov 2024
https://github.com/efiand/scandi
Одностраничник студии дизайна интерьеров. Demo собственного сборщика
a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/efiand/wfl
Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API
a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack
Last synced: 14 Nov 2024
https://github.com/efiand/svelte-fastify-template
Сборка для создания простых изоморфных приложений SSR/SPA
boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo
Last synced: 14 Nov 2024
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 17 Nov 2024
https://github.com/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 09 Nov 2024
https://github.com/silvestrevivo/react-mobiquity
Small react application fetching data from https://ergast.com/mrd/ to show custom results
axios babel eslint html5 javascript postcss reactjs sass webpack4
Last synced: 25 Nov 2024
https://github.com/magnateape/svelte-gpt-integration
chatgpt gpt postcss svelte tailwindcss
Last synced: 30 Nov 2024
https://github.com/rakib0061/know-git
Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.
boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs
Last synced: 16 Nov 2024
https://github.com/mouhametnd/ecommerce-product
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
bem-methodology gulpjs html javascript localstorage postcss scss
Last synced: 16 Nov 2024
https://github.com/locol23/webpack-scss-starter
A boilerplate of static site using webpack + postcss(scss)
Last synced: 08 Jan 2025
https://github.com/winston0410/postcss-sparrow-values-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by values.
postcss postcss-plugin postcss-sparrow
Last synced: 12 Nov 2024
https://github.com/winston0410/postcss-auto-text-indent
A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.
css postcss postcss-sparrow tailwindcss
Last synced: 12 Nov 2024
https://github.com/stephan-evers/babel-plugin-transform-styl-modules
Transforms "styl" tagged template literals into css modules.
babel css-modules postcss stylus template-literals
Last synced: 19 Dec 2024
https://github.com/azurespheredev/startupz-landing
Clone version of Startupz landing page
javascript postcss reactjs tailwindcss-v3
Last synced: 12 Nov 2024
https://github.com/azurespheredev/vally-sales-assignment
Vally Sales Inc Settings Page built for the assigment.
assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod
Last synced: 12 Nov 2024
https://github.com/edixonalberto/template-sass
Template for creating websites using Sass
autoprefixer html portfolio postcss sass sass-autoprefixer template
Last synced: 16 Nov 2024
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 23 Nov 2024
https://github.com/stuymedova/kirby-rollup-postcss
[SETUP] Kirby CMS template adapted to be used with modern frontend tools
kirby kirby-cms kirby3 kirby3-cms postcss rollup
Last synced: 11 Nov 2024
https://github.com/saulwolfdev/skeleton
babel javascript npm postcss sass webpack
Last synced: 16 Nov 2024
https://github.com/thenamevishnu/ecommerce
eslint javascript postcss reactjs tailwindcss vitejs
Last synced: 17 Nov 2024
https://github.com/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 07 Dec 2024
https://github.com/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 11 Nov 2024
https://github.com/bimapriaaditya/create-starterpack-src
Starter frontend project with webpack, bootstrap scss and tailwind postcss
bootstrap5 postcss scss src tailwind
Last synced: 11 Nov 2024
https://github.com/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 07 Dec 2024
https://github.com/gstcarv/tailwind-spotify-home
Spotify landing page home clone made with Tailwind CSS, including acessibility optimization
accessibility css javascript postcss responsive spotify tailwind webpack
Last synced: 12 Nov 2024
https://github.com/azamat-cto/responsive-sushi-website
Responsive and Cross Browser Sushi website design using React & Typescript
autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite
Last synced: 13 Nov 2024
https://github.com/frikadellios/astropampers
Astro Static starter website template for Vercel
astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel
Last synced: 13 Nov 2024
https://github.com/duanedave/portfolio-v_1
This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer
accessibility css4 framer-motion postcss react ux-ui
Last synced: 07 Dec 2024
https://github.com/shgysk8zer0/node-purist
A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS
cssnano cssnext npm npm-package postcss transpiler webpack
Last synced: 07 Dec 2024
https://github.com/leomssilva/cineflix
:clapper: :computer: :iphone: This project is about a website that lists movies.
autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite
Last synced: 31 Dec 2024
https://github.com/khronosleung/postcss-iconfont
基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标
Last synced: 19 Nov 2024
https://github.com/solo-steven/rustlycss
css transformer build in rust
css css-generator css-parser postcss postcss-like
Last synced: 16 Nov 2024
https://github.com/frolov-andrey2405/finvista
Modern Banking Aesthetics Repository
autoprefixer css html js postcss react tailwindcss vitejs
Last synced: 14 Nov 2024
https://github.com/luizfelipedasilva678/to-do-list-with-pug
Simple To do list made with Pug
Last synced: 16 Nov 2024
https://github.com/henriquesebastiao/modernizacao-manejo
Front-end para Projeto de Modernização do Manejo.
font-awesome postcss skeleton svelte sveltejs sveltekit tailwindcss typescript
Last synced: 16 Nov 2024
https://github.com/darinelguillen/react-vite-shadcn-ui-template
React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.
ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite
Last synced: 30 Nov 2024
https://github.com/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 09 Jan 2025
https://github.com/coder-abdo/multi-forms
multi-form project
babel7 es6 postcss react-hooks react-icons reactjs webpack4
Last synced: 14 Nov 2024
https://github.com/slhsxcmy/postcss-split-selectors
css npm postcss postcss-plugin
Last synced: 14 Nov 2024
https://github.com/cgutwin/frontendmentor
My completions of the Frontend Mentor projects.
css3 frontend frontend-mentor html5 postcss
Last synced: 14 Nov 2024
https://github.com/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 14 Nov 2024
https://github.com/sammyleths/mediplay
MediPlay is the informational website for a gamified medication app for children who need to take medication every day.
autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss
Last synced: 16 Nov 2024
https://github.com/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 13 Nov 2024
https://github.com/keidrun/boilerplate-gulp-postcss
Boilerplate of PostCSS with Gulp.
boilerplate css css3 cssnext design es2015 es6 gulp postcss
Last synced: 23 Nov 2024
https://github.com/zgreen/postcss-shared-values
A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.
Last synced: 14 Nov 2024
https://github.com/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 Nov 2024
https://github.com/robinck/webpack-starter-kit
Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦
autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack
Last synced: 15 Dec 2024
https://github.com/stardust-configs/postcss-config
Shareable PostCSS config
Last synced: 16 Nov 2024
https://github.com/matan3sh/personal-app
nextjs postcss tailwindcss typescript
Last synced: 24 Nov 2024
https://github.com/theelegantcoding/solid_template_webpage
📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.
clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development
Last synced: 07 Dec 2024
https://github.com/h3rmel/sen-financa
A simple web application for personal finance management.
autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs
Last synced: 15 Nov 2024
https://github.com/chrisross5/kiki-storage-web
College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.
daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse
Last synced: 15 Nov 2024
https://github.com/chrisross5/supit-project
College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.
bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router
Last synced: 15 Nov 2024
https://github.com/trevonerd/postcss-mixins-css-grid
A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.
css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin
Last synced: 24 Nov 2024
https://github.com/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 Nov 2024
https://github.com/bryanwilhite/nodejs
my collection of self-educational samples on the Node.js® stack
angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design
Last synced: 31 Dec 2024
https://github.com/vlad-moskalenko/carshop-next.js
axios next postcss react react-dom tailwindcss typescript
Last synced: 15 Nov 2024
https://github.com/hrfmmymt/react-babel-webpack
axios babel javascript postcss react-router reactjs superagent webpack2
Last synced: 17 Nov 2024
https://github.com/hrfmmymt/plain-carousel
babel carousel-plugin postcss rollup vanilla-javascript
Last synced: 17 Nov 2024
https://github.com/keidrun/boilerplate-webpack-es6-postcss
Boilerplate of a simple website using es6 and postcss with webpack.
boilerplate css css3 es6 javascript postcss webpack webpack3
Last synced: 23 Nov 2024
https://github.com/jsimck/postcss-webpack-plugin
A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.
cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin
Last synced: 07 Dec 2024
https://github.com/annaindistress/frontend-mentor-faq-accordion
This is a solution to the FAQ accordion challenge on Frontend Mentor
css-custom-properties html postcss vite
Last synced: 24 Nov 2024
https://github.com/claudiusayadi/ketocss
The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.
adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based
Last synced: 31 Dec 2024
https://github.com/annaindistress/frontend-mentor-stats-preview-card-component
This is a solution to the stats preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Nov 2024
https://github.com/annaindistress/frontend-mentor-blog-preview-card
This is a solution to the blog preview card challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 24 Nov 2024
https://github.com/annaindistress/frontend-mentor-easybank-landing-page
This is a solution to the easybank landing page challenge on Frontend Mentor
css-custom-properties html postcss svg-sprite vanilla-js vite
Last synced: 24 Nov 2024
https://github.com/miavai649/cleancarz-client
The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.
ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation
Last synced: 22 Dec 2024
https://github.com/shaherashraf/webpackboilerplate
📦 A webpack boilerplate using Babel, PostCSS and Sass.
babel es6 hot-reloading hot-replacement javascript postcss sass webpack
Last synced: 07 Dec 2024
https://github.com/andrei1994rus/users-react
Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)
adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack
Last synced: 09 Jan 2025
https://github.com/margo-yunanova/mesto-project
Mesto - социальная сеть для обмена фотографиями
babel css html javascript oop postcss webpack
Last synced: 20 Nov 2024
https://github.com/abelnnieva/iechamberi.org
Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.
apollo-client chakra-ui nuxt2 postcss vue2
Last synced: 20 Nov 2024
https://github.com/amansuryavanshi-1/namaste_react
Namaste React live course By Akshay Saini.
emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel
Last synced: 20 Nov 2024
https://github.com/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 18 Nov 2024
https://github.com/peter-roh/parcel-experiments
Setting up a professional React project with Parcel as a code bundler.
babel javascript js nomadcoder parcel postcss scss typographyjs
Last synced: 20 Nov 2024