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/murshidazher/trostcss
:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.
css-framework css3 frontend postcss stylesheet ui
Last synced: 31 Dec 2024
https://github.com/yuan66-hub/react-h5-pages
H5多页面打包模板，支持命令行交互方式选择页面按需打包，页面体积优化，体积分析，集成tailwindcss原子化，静态资源预加载（js/css/image/font），代码混淆，CSS Module，支持rspack脚手架，重复依赖代码检测，预渲染，rsdoctor模块引用分析工具，umi 多页面打包模式等功能
babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5
Last synced: 27 Dec 2024
https://github.com/fsmaiorano/aspnetcore-with-typescript-scss
:computer: This project is a quick boilerplate for user ASPNET Core with Typescript and SCSS without gulp or grunt for transpiling archives.
aspnet-core autoprefixer netcore node-sass npm-scripts postcss postcss-cli scss typescript
Last synced: 02 Dec 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: 09 Jan 2025
https://github.com/creaworks-labs/postcss-react-bender
PostCSS plugin to process react-bender styling features with scss like syntax.
css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet
Last synced: 23 Dec 2024
https://github.com/moshang-ax/postcss-vars-process
PostCSS plugin to extract and replace variables from css, support legal custom format variables
css-variables extract extract-values postcss
Last synced: 23 Dec 2024
https://github.com/marlon-couto/astro-starter
Um template para projetos usando o framework Astro.
astro bootstrap font-awesome postcss sass typescript
Last synced: 22 Dec 2024
https://github.com/darrenjacoby/postcss-root-parse-var
Parse a custom property from `:root` or another selector to a static value
css postcss postcss-plugin postcss-root-parse-var
Last synced: 19 Nov 2024
https://github.com/shreyasarker/socialuxe
Social Media App using React and Sanity
crypto-js js-cookie jwt-decode postcss reacrjs react-icons react-loader-spinner react-masonry-css react-oauth-google react-router-dom sanity sanity-image-url tailwindcss uuid
Last synced: 16 Dec 2024
https://github.com/roblav96/tns-template-vue
NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.
nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack
Last synced: 31 Dec 2024
https://github.com/seniorjoinu/react-frontend-skeleton
Don't waste your time
ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack
Last synced: 16 Nov 2024
https://github.com/cyruskabir/testimonial-page-html-css-
This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...
css devchallengesio html postcss vite
Last synced: 27 Dec 2024
https://github.com/aaronvanston/zones
At a glance view timezones across the world | Simple boilerplate for React
boilerplate cssmodules cssnext jest postcss react redux timezone webpack
Last synced: 28 Nov 2024
https://github.com/fsmaiorano/snippets-vault
:computer: Save your own snippets on a mysql server.
bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript
Last synced: 22 Dec 2024
https://github.com/luncheon/isaaccss
Inline-Style-as-a-Class CSS engine
atomic-css css css-framework css-generator css-in-js css-utilities inline-css inline-styles open-props postcss tailwindcss utility-classes windicss
Last synced: 19 Dec 2024
https://github.com/lh0x00/liser
functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!
ciser css design functional liser modules postcss reponsive style
Last synced: 09 Dec 2024
https://github.com/simonpadbury/baselayer-3
A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.
cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables
Last synced: 11 Oct 2024
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 12 Nov 2024
https://github.com/anyiee/less-plugin-preset-env
postcss-preset-env plugin for less.js
less less-plugin postcss postcss-preset-env
Last synced: 28 Sep 2024
https://github.com/shrpne/postcss-clear-flex
Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.
Last synced: 10 Dec 2024
https://github.com/tulepbergenov/my-gulp
My gulp build 🛠️
css gulp html javascript nunjucks postcss
Last synced: 19 Dec 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 23 Dec 2024
https://github.com/davidwarrington/postcss-responsive-classes
Generate responsive class variants with responsive at-rule
Last synced: 21 Dec 2024
https://github.com/franekstein/react-ts-starter
Modern React & Typescript boilerplate.
cssmodules postcss react sass typescript webpack
Last synced: 28 Nov 2024
https://github.com/aggutierrez98/aggutierrez-portfolio
cssmodules framer-motion nextjs personal-website postcss react typescript
Last synced: 28 Nov 2024
https://github.com/azakharo/react-starter-2020
Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.
antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack
Last synced: 23 Dec 2024
https://github.com/ghaerdi/ghaerdi-webpage
ghaerdi's webpage, using vite, vue and typescript.
jest postcss typescript vite vue
Last synced: 11 Dec 2024
https://github.com/ghaerdi/array-algorithms-visualizer
Algorithms visualizer for arrays using vite and vue with typescript
algorithm array postcss typescript vite vue
Last synced: 11 Dec 2024
https://github.com/mauroreisvieira/preact-tailwind
Preact + Tailwind start project.
Last synced: 23 Dec 2024
https://github.com/giacomoferretti/postcss-color-rgb-tailwind
PostCSS plugin to transform modern CSS Color Module Level 4 to legacy CSS Color Module Level 3.
postcss postcss-plugin tailwindcss
Last synced: 15 Dec 2024
https://github.com/doinel1a/vite-react-ts-starter
Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.
boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite
Last synced: 07 Nov 2024
https://github.com/interglobalmedia/letsbcoding
Fully functional site, but still a bit of a work in progress. Check it out!
automated-git-deployments composer environment-variables modern-javascript npm npm-scripts npmjs php7 phpcs phpdotenv plugin-creation postcss sass siteground wordpress wordpress-custom-theme wordpress-development wordpress-scripts wordpress-theme workflow-refactor
Last synced: 02 Dec 2024
https://github.com/braswelljr/hit
Hive Institute Website
autoprefixer nextjs postcss react tailwindcss vercel
Last synced: 15 Dec 2024
https://github.com/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 17 Dec 2024
https://github.com/msidolphin/postcss-px-to-viewport-units
A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
postcss postcss-plugin vh viewport-units vmax vmin vw
Last synced: 17 Dec 2024
https://github.com/awayken/2017-christmas-card
ESCAPE from the MAZE PLANET
christmas-card nuxt postcss showcase vue
Last synced: 28 Nov 2024
https://github.com/jl-olemar/olemar-github-finder
App for finder yout github profile.
axios daisyui husky postcss react react-router-dom-v6 tailwindcss vite
Last synced: 12 Dec 2024
https://github.com/jl-olemar/journal-app-react
📌 Ole-journal is a journaling app for people who want to write about their notes and ideas.
date-fns firebase postcss react react-redux react-router-v6 redux redux-thunk sweetalert2
Last synced: 12 Dec 2024
https://github.com/yazeedobaid/my-laravel-setup
My Laravel Project setup
eslint jest laravel laravel-setup postcss tailwindcss vue
Last synced: 28 Dec 2024
https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de
My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.
11ty eleventy eleventy-website gulp javascript nunjucks postcss
Last synced: 28 Dec 2024
https://github.com/keidrun/boilerplate-react
Boilerplate of React with Webpack.
boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2
Last synced: 23 Nov 2024
https://github.com/birdofpreyru/postcss-icss
PostCSS plugin to process CSS modules and extract tokens
css css-modules javascript modules plugin postcss web
Last synced: 27 Sep 2024
https://github.com/atakantepe/tailwindcss-parser
A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.
css-parser json postcss tailwind-css utility-tool web-development
Last synced: 27 Dec 2024
https://github.com/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 17 Dec 2024
https://github.com/everproof/blueq-react-boilerplate
BlueQ's React App boilerplate
babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2
Last synced: 30 Sep 2024
https://github.com/arden-rh/shelf-control
A web app for managing your personal library
firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite
Last synced: 11 Oct 2024
https://github.com/jeff2ma/postcss-decls-ref
A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).
css declaration extend postcss postcss-plugin ref sass
Last synced: 17 Dec 2024
https://github.com/chandraprakash-bathula/hunger-bites-restaurant_app
A React.JS Application with live API data from SWIGGY.
babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss
Last synced: 17 Dec 2024
https://github.com/lovetingyuan/vue-flags-webpack-plugin
Remove useless code by setting flags(toggles) in vue (or without vue) project
feature-flags features flags optimization plugin postcss toggle vue webpack
Last synced: 17 Dec 2024
https://github.com/alex-kinokon/postcss-light-dark
PostCSS implementation of light-dark() function
Last synced: 13 Nov 2024
https://github.com/tolking/postcss-flex-alias
PostCSS plugin easily write flex
flex plugin postcss postcss-flex-alias
Last synced: 27 Dec 2024
https://github.com/amoutonbrady/bmi-app
Demo visible at:
experiment hyperhtml postcss rollup
Last synced: 24 Dec 2024
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 01 Jan 2025
https://github.com/kcmr/react-vite-starter
Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)
eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite
Last synced: 18 Dec 2024
https://github.com/sugarcoat/sugarcoat-example-project
Sugarcoat Example Project
css cssnext documentation jsdoc less library living living-documentation pattern pattern-library postcss sass styleguide
Last synced: 26 Nov 2024
https://github.com/loreina/base
Webpack 4 starter (babel, eslint, sass, postcss)
babel eslint html javascript nodejs postcss scss webpack
Last synced: 18 Dec 2024
https://github.com/fmanimashaun/skilled-elearning-landing-page
his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
frontendmentor-challenge html5 mobile-first postcss scss webpack5
Last synced: 06 Jan 2025
https://github.com/voightco/static-site-starter
A boilerplate for building static websites using 11ty
11ty boilerplate eleventy postcss starter-kit static-site static-site-generator
Last synced: 26 Nov 2024
https://github.com/timscodebase/design-tim
This is my personal website.
html-css-javascript postcss svelte sveltekit typescript
Last synced: 02 Dec 2024
https://github.com/jorgeatgu/postcss-congresoweb
:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web
Last synced: 06 Jan 2025
https://github.com/saabbir/fictional-travel-site
A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
Last synced: 14 Nov 2024
https://github.com/chubi-x/sorta-frontend
React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks
bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript
Last synced: 14 Nov 2024
https://github.com/antinmaze/nextjs-supabase-auth-starterkit
🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template
cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest
Last synced: 27 Dec 2024
https://github.com/harinathlee/ford-app
This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.
eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui
Last synced: 19 Dec 2024
https://github.com/frontendweb3/blogpost
Blog post is simple lightweight html template for blog build with tailwindcss
css html html-css html-template html5 postcss postcss-cli tailwindcss
Last synced: 22 Dec 2024
https://github.com/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 19 Dec 2024
https://github.com/elchininet/nextjs-postcss-rtlcss-example
Next.js project using postcss-rtlcss plugin to automatically create left-to-right and right-to-left CSS rules
left-to-right ltr nextjs postcss postcss-plugin postcss-rtlcss right-to-left rtl
Last synced: 19 Nov 2024
https://github.com/saionaro/postcss-transform-pxvw
The postcss plugin which allows using pixels for responsive layouts
css postcss postcss-plugin responsive
Last synced: 30 Nov 2024
https://github.com/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 07 Dec 2024
https://github.com/creative-tutorials/html-tailwind
HTML Tailwind boilerplate
css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss
Last synced: 27 Dec 2024
https://github.com/abradifcode/webpack-boilerplate
Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome
babel boilerplate bootstrap3 font-awesome postcss scss webpack3
Last synced: 12 Nov 2024
https://github.com/gustavomorinaga/extension-whatsapp
📞 Demo extension for WhatsApp, using SvelteKit
chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web
Last synced: 29 Nov 2024
https://github.com/alexandremasy/postcss-salt-typography
PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.
postcss postcss-plugins salt salt-plugins
Last synced: 26 Dec 2024
https://github.com/aholachek/basic-postcss-setup
A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general
postcss shoelacecss starter-template
Last synced: 05 Jan 2025
https://github.com/gugadev/styled-react-ts
Minimal boilerplate for React, Styled-JSX and Typescript.
css postcss react styled-components styled-jsx typescript
Last synced: 26 Dec 2024
https://github.com/mariusz-ba/postcss-ms-grid
PostCSS plugin for adding css-grid fallback for IE.
css-grid grid ie11 ie11-grid postcss postcss-plugin
Last synced: 10 Nov 2024
https://github.com/calvinkarundu/cssqueeze
A CLI wrapper for cssnano
cli css cssnano minify optimization optimize-css-files postcss
Last synced: 27 Dec 2024
https://github.com/dormanator/colorful-calculator
A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.
gulpjs html javascript paperjs postcss
Last synced: 15 Nov 2024
https://github.com/nju33/postcss-octicon
Postcss plugin for octicons
base64 icons octicon postcss postcss-plugin svg
Last synced: 22 Nov 2024
https://github.com/rafaeldevvv/pokon
Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.
eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/imedadel/styled-lostgrid
[WIP] Port of Lost-Grid to Styled-Components
lost-grid postcss react styled-components
Last synced: 26 Dec 2024
https://github.com/daveinchy/simple-react-template
This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable
css postcss react tailwindcss webpack
Last synced: 02 Jan 2025
https://github.com/kimulaco/postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML.
Last synced: 03 Jan 2025
https://github.com/sakilk130/nextjs-13-boilerplate
🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS
boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript
Last synced: 01 Dec 2024
https://github.com/rqbazan/aimo-challenge
Solution for the AIMO challenge 🤓
github-api nextjs postcss tailwindcss typescript
Last synced: 13 Dec 2024
https://github.com/mohamedsamara/react-ssr-app
:star: React Application with Server Side Rendering
babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox
Last synced: 03 Jan 2025
https://github.com/mohamedsamara/react-node-typescript
Fullstack TypeScript Template
node postcss pwa react sass typescript webpack workbox
Last synced: 03 Jan 2025
https://github.com/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
Last synced: 27 Dec 2024
https://github.com/ezavile/postcss-typescript-kickstart
Simple boilerplate to kick start your new PostCSS plugin with TypeScript
boilerplate kickstart postcss postcss-plugin typescript
Last synced: 27 Dec 2024
https://github.com/fboulnois/sveltekit-template
A SvelteKit 2 and Tailwind CSS template with a few other defaults.
eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest
Last synced: 29 Dec 2024
