Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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-02-14 00:19:16 UTC
JSON Representation

https://github.com/ikram-maulana/webpack-tailwind-boilerplate

🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.

postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind

Last synced: 09 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: 29 Jan 2025

https://github.com/thiagoow/paintcalculator-react-js-redux-tailwind

Projeto desenvolvido com React.js, Redux Toolkit & estilizacões com Tailwind + PostCSS & autoprefixer. Juntamente com as libs "react-redux" e "Iconify/react".

autoprefixer code-challenge digital-republic iconify postcss react-js reactjs tailwind tailwind-css tailwindcss

Last synced: 21 Jan 2025

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: 29 Jan 2025

https://github.com/tomchochola/node-webpack-typescript-app-template

The Node Webpack TypeScript App Template provides a complete starting point for developing Node.js applications using TypeScript and Webpack. With pre-configured setups for TypeScript compilation, code quality tools, and efficient build processes, this template ensures your Node.js projects are scalable, maintainable, and optimized from the start.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 31 Dec 2024

https://github.com/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 19 Feb 2025

https://github.com/tomchochola/tomchochola

Welcome to my GitHub profile! In this document, I'll share a bit about myself, how to get in touch, what I do, and why I created Premierstacks—an exclusive collection of development solutions. I’ll also explain what Premierstacks offers, and why I believe investing in high-quality, proprietary software is the key to successful projects.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack

Last synced: 30 Jan 2025

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: 05 Feb 2025

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: 05 Feb 2025

https://github.com/pomeluce/akir-vue

vue project development scaffolding, based on vue naive-ui pinia typescript

akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 30 Jan 2025

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 Jan 2025

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: 14 Feb 2025

https://github.com/aeyoll/postcss-imageset-type

PostCSS plugin for adding image-set type to background-images.

image-set postcss

Last synced: 13 Feb 2025

https://github.com/mouhametnd/pomodoro-app

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs javascript localstorage postcss scss

Last synced: 17 Jan 2025

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: 30 Jan 2025

https://github.com/marlon-couto/astro-starter

Um template para projetos usando o framework Astro.

astro bootstrap font-awesome postcss sass typescript

Last synced: 15 Feb 2025

https://github.com/pomeluce/flx-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

flx mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 02 Dec 2024

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/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/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: 15 Feb 2025

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 13 Feb 2025

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 17 Jan 2025

https://github.com/rqbazan/aimo-challenge

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 06 Feb 2025

https://github.com/davidwarrington/postcss-responsive-classes

Generate responsive class variants with responsive at-rule

css postcss

Last synced: 13 Feb 2025

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 20 Feb 2025

https://github.com/ravesjs/config-webpack-etc

React-ready webpack configuration

babel configuration eslint postcss prettier react scss-modules template webpack

Last synced: 15 Feb 2025

https://github.com/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 14 Feb 2025

https://github.com/vymalo/api-watcher-ui

UI App for the SMS API Watcher, a Stub server for APIs

cssnano html html5 javascript openapi openapi3 postcss prettier react react-router reactjs redux-toolkit rtk-query scss socket-io tailwindcss toolkit typescript websocket

Last synced: 23 Jan 2025

https://github.com/fuckdoctors/my-vue2-elm

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm

code-splitting postcss vue vue-cli vue-router vue2 vuex

Last synced: 06 Feb 2025

https://github.com/amoutonbrady/bmi-app

Demo visible at:

experiment hyperhtml postcss rollup

Last synced: 15 Feb 2025

https://github.com/p10ns11y/peramsathyam

poems and blogs

fly postcss reactjs remix-run stately tailwindcss xstate

Last synced: 01 Jan 2025

https://github.com/andreidmt/tpl-react

React, Redux, Webpack and friends :boy::girl::hurtrealbad::rainbow:

eslint postcss prettier react redux riteway socket-io starter tape template webpack

Last synced: 01 Jan 2025

https://github.com/argyleink/jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file

babel cssnext jade postcss webpack

Last synced: 10 Feb 2025

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

Last synced: 16 Feb 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: 17 Feb 2025

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.

amp amp-html postcss

Last synced: 03 Jan 2025

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/alexandrecpedro/rocketseat-event-platform

Rocketseat event platform (video content)

apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/habits-setup

Habits platform for web and mobile - NLW Setup

expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/world-cup-polls

World Cup Polls platform for web and mobile - NLW World Cup

expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/esports

eSports platform for web and mobile - NLW eSports

esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite

Last synced: 03 Jan 2025

https://github.com/francoisromain/system.css

A minimal CSS boilerplate

css grid-system postcss typescale

Last synced: 17 Jan 2025

https://github.com/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Jan 2025

https://github.com/lifeisbeautifu1/modern-react-app

A modern React app (early 2025 edition)

babel browserslist cicd codecoverage eslint netlify-deployment playwright postcss prettier react react-router react-starter stylelint tailwindcss typescript vite vitest

Last synced: 11 Jan 2025

https://github.com/vinks/redux-ultimate-ssr

A complex starter react boilerplate for an universal web application with express api backend and server side render.

axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2

Last synced: 11 Jan 2025

https://github.com/vedhatech002/we-cook

a food delivery like app, it shows restarunts list based on location. using swiggy API

food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss

Last synced: 04 Jan 2025

https://github.com/chenycl/react-pro

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css

antd classnames hooks mock postcss react react-redux react-router-dom sass

Last synced: 11 Jan 2025

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: 11 Jan 2025

https://github.com/joserafael0160/clock

A basic clock made with HTML, PostCSS and JS

basic-clock clock clock-web html javascript postcss web-clock

Last synced: 12 Jan 2025

https://github.com/devbyray/raymonschouwenaar-blog

RaymonSchouwenaar.nl blog

asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack

Last synced: 12 Jan 2025

https://github.com/thenamevishnu/night-owl-client

(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.

axios css eslint jwt-authentication postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/ricardobalk/ricardo.nu

My personal link redirection website, kinda like Linktree, but free (libre) and open source.

allmylinks hacktoberfest hacktoberfest2022 linktree nuxt3 postcss remix tailwindcss typescript vite vue3

Last synced: 12 Jan 2025

https://github.com/premierstacks/node-webpack-typescript-app-template

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/browser-webpack-typescript-react-app-template

The Browser Webpack TypeScript React App Template offers a complete foundation for developing modern browser-based applications with TypeScript, React, and Webpack. Featuring pre-configured setups for React components, TypeScript, and asset optimization, this template streamlines your development workflow while ensuring clean and maintainable code.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/node-webpack-typescript-library-template

The Node Webpack TypeScript Library Template is an optimized starting point for developing TypeScript-based libraries in a Node.js environment. With built-in configurations for Webpack, TypeScript, ESLint, and Prettier, this template helps streamline the development process and ensures consistent code quality and performance.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/webpack-stack

The Webpack Stack offers a collection of ready-to-use configurations for building, bundling, and optimizing JavaScript, TypeScript, and React applications. It provides pre-configured setups designed for both browser and Node.js environments, allowing you to quickly get started with complex Webpack projects without spending time on configuration.

javascript nodejs postcss premierstacks react stack tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/postcss-stack

The PostCSS Stack is a pre-configured set of PostCSS configurations designed to streamline CSS transformations for projects of any scale. Whether you’re using PostCSS directly through the command line or integrating it into a build tool like Webpack, this stack offers an optimized setup that works seamlessly in multiple environments.

nodejs postcss premierstacks stack tomchochola webpack

Last synced: 24 Jan 2025

https://github.com/ulyanov-programmer/takeaway-delivery

Landing page with full-screen scrolling and animations.

css gulp html js landing postcss ts

Last synced: 18 Jan 2025

https://github.com/pomeluce/meagle-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

meagle mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 24 Jan 2025

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 18 Jan 2025

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 19 Jan 2025

https://github.com/joyontokarmakar/tailwind-css-starter-pack

postcss starter-pack tailwindcss

Last synced: 31 Jan 2025

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: 25 Jan 2025

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 07 Feb 2025

https://github.com/y-solb/diary

그림 일기장

firebase postcss react

Last synced: 07 Feb 2025

https://github.com/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 07 Feb 2025

https://github.com/osamamammar/library

📚 JS practice project from (The Odin Project). library

css html javascript postcss pugjs theodinproject

Last synced: 01 Feb 2025

https://github.com/osamamammar/gui-rock-paper-scissor

JS practice project from (The Odin Project). rock paper scissor GUI

css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject

Last synced: 01 Feb 2025

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 01 Feb 2025

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 08 Feb 2025

https://github.com/jgarber623/eleventy-plugin-postcss

An Eleventy plugin for processing CSS files with PostCSS.

11ty 11ty-plugin eleventy eleventy-plugin postcss

Last synced: 08 Feb 2025

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 08 Feb 2025

https://github.com/premierstacks/.github

Welcome to the Premierstacks GitHub organization! In this document, I'll explain what Premierstacks is, what it offers, and how you can gain access to proprietary development stacks and templates. You’ll also find a brief introduction about me, Tomáš Chochola, the creator of Premierstacks.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack