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-01-28 00:23:16 UTC
JSON Representation

https://github.com/roose/wox-postcss-search

Search PostCSS plugin

nim postcss wox wox-plugin wox-postcss-search

Last synced: 12 Nov 2024

https://github.com/quramy/fuse-postcss-example

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 07 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/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 10 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/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: 08 Oct 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/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 28 Jan 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/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/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 21 Dec 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/persteenolsen/webpack-5-es-boilerplate

A Webpack 5 boilerplate with Babel - Ready for using ES6 and above

babel boilerplate es6 postcss webpack

Last synced: 27 Dec 2024

https://github.com/boddepallyvenkatesh06/employee-entry-full-stack

Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form

nodejs-s3 postcss reractjs tailwindcss

Last synced: 16 Jan 2025

https://github.com/karsanda/postcss-indonesian-stylesheets

Write your CSS in Indonesian

bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin

Last synced: 16 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: 23 Dec 2024

https://github.com/nandomoreirame/preview-responsive-navbar

A preview responsive navbar iframe

cssvar cssvariables html iframe navbar postcss preview

Last synced: 05 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/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 14 Jan 2025

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Jan 2025

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/tharunoptimus/super-slow-portfolio

A cool looking ultra slow portfolio - manual deploy

emailjs framer-motion maath postcss react react-three tailwindcss threejs vite

Last synced: 09 Jan 2025

https://github.com/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 28 Oct 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/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/tolking/postcss-propro

adds and extends some properties

plugin postcss postcss-propro

Last synced: 16 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/birdofpreyru/postcss-icss

PostCSS plugin to process CSS modules and extract tokens

css css-modules javascript modules plugin postcss web

Last synced: 20 Jan 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/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/keqingrong/postcss-font-family-correction

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 17 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/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/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/newbornfrontender/wc-ast-sample

ast babel postcss prettier rollup web-components

Last synced: 24 Oct 2024

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 15 Dec 2024

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 19 Dec 2024

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/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 02 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/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/silvermine/postcss-css-var-fallback

PostCSS plugin to insert fallbacks for CSS Custom Properties

css css-custom-properties css-variables postcss

Last synced: 14 Nov 2024

https://github.com/tomchochola/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: 19 Nov 2024

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/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/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

Last synced: 15 Dec 2024

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

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/oncomouse/extract-tachyons

Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.

postcss tachyons tachyons-css

Last synced: 21 Jan 2025

https://github.com/melhosseiny/es-starter-kit

Starter kit for web projects

babel browserslist ecmascript express javascript postcss webpack

Last synced: 23 Jan 2025

https://github.com/melhosseiny/vue-starter-kit

Starter kit for Vue 2 projects

babel jest postcss vue vuerouter vuex webpack

Last synced: 23 Jan 2025

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 19 Dec 2024

https://github.com/daniguardiola/postcss-local-keyframes

PostCSS plugin that makes animations local.

animation css keyframes postcss postcss-plugin

Last synced: 31 Oct 2024

https://github.com/oleg-kuzmin/mesto-project

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.

api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack

Last synced: 27 Dec 2024

https://github.com/studioalex/postcss-fontify

postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.

font fonts plugin postcss variable-fonts

Last synced: 19 Jan 2025

https://github.com/danielbayley/svg-social-icons

Adaptable, reusable @SVG social media icons done right.

css html icons jade less npm postcss preprocessor pug sass scss social stylus svg

Last synced: 19 Dec 2024

https://github.com/rmoongit/cryptonomicon

#app cryptonomicon - курс валюты монет и вывод графы

api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket

Last synced: 27 Dec 2024

https://github.com/johnwatkins0/postcss-custom-prop-fallbacks

Provides fallbacks for custom properties set in :root.

css-custom-properties postcss

Last synced: 12 Jan 2025

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

github-actions nextjs now-sh postcss storybook tailwindcss

Last synced: 13 Dec 2024

https://github.com/chaojiangcn/h5-vuecli4

移动端vue cli4构建项目

bable postcss vuecli4 webpack webpack4 yi-dong-duan

Last synced: 19 Dec 2024

https://github.com/ulyanov-programmer/scott

The multi-page website with scrolling animations.

css gulp html js pcss postcss site smacss ts yarn

Last synced: 18 Jan 2025

https://github.com/samk-dev/astro-2-starter

Astro.build starter with some opinionated setup

astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/twibiractlabs/twibiract-scss

twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.

css postcss sass scss twibiractscss utility-class

Last synced: 10 Dec 2024

https://github.com/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 05 Dec 2024

https://github.com/osamamammar/library

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

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

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: 05 Dec 2024

https://github.com/osamamammar/calculator

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

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

https://github.com/jolomitee/catchup

CatchUp Figma design as a web page

figmadesign front-end-development postcss tailwindcss

Last synced: 18 Dec 2024

https://github.com/yjg30737/tailwind-css-react-tutorial

Using Tailwind CSS in React project (with PostCSS)

css postcss react tailwind-css tailwind-tutorial tailwindcss

Last synced: 03 Jan 2025

https://github.com/fuelviews/laravel-tailwindcss

Laravel tailwindcss package

css fuelviews laravel laravel-tailwindcss php postcss tailwindcss

Last synced: 11 Oct 2024

https://github.com/jeffubayi/nyumba

An App that offers arrangements for homestays similar to Airbnb.com

mockup postcss tailwindcss

Last synced: 20 Jan 2025

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/kibria-khandaker/nextjs-pc-builder

It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.

eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment

Last synced: 26 Jan 2025

https://github.com/watheia/typed-css

A collection of helper utilities and plugins for working with staticky typed CSS modules

css-modules docusaurus nx postcss spectrum-css webpack

Last synced: 27 Dec 2024

https://github.com/aryan02420/postcss-themewind

A PostCSS plugin to make theming with TailwindCSS easy and fun

plugin postcss tailwindcss

Last synced: 27 Jan 2025

https://github.com/amansuryavanshi-1/av-news-stream

AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!

cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api

Last synced: 11 Oct 2024

https://github.com/lumenpearson/docs-goodbyedpi-ui

User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.

apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack

Last synced: 11 Oct 2024

https://github.com/amansuryavanshi-1/foodah

This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.

emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel

Last synced: 11 Oct 2024

https://github.com/heywon0909/code-bot-ui

nodejs postcss tailwindcss

Last synced: 27 Dec 2024

https://github.com/denis-axenov/webpack-boilerplate

🚀 Webpack 5 Boilerplate

autoprefixer cssnano eslint jest postcss scss stylelint swc webpack webpack5

Last synced: 19 Dec 2024

https://github.com/cogoo/react-skeleton

React Starter w/ Webpack, PostCSS, Tailwind, ESLint

eslint postcss react react-starter reactjs tailwind tailwindcss webpack4

Last synced: 05 Dec 2024

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: 09 Oct 2024

https://github.com/lagden-development/lagden.dev

The official website for Lagden Development; built with NextJS and TypeScript.

eslint js nextjs postcss react tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/vcolesdev/docker-create-next-app

Dockerized NextJS app. App itself is in submodule "next".

create-next-app docker docker-compose nextjs postcss tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/vasquez-esteban/astro-init

Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.

astro eslint eslint-config postcss prettier tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/fabdoc27/hirego-template

Fully responsive Tailwind template.

autoprefixer postcss responsive-design tailwindcss

Last synced: 27 Dec 2024

https://github.com/maratdev/next-movie

🎦 Watch anime online

nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript

Last synced: 27 Dec 2024

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

React Responsive Pomodoro App with change of fonts and colors

postcss reactjs tailwindcss vitejs

Last synced: 27 Dec 2024

https://github.com/adn0s/daily-planner

Make your day better with Daily Planner app. Easy to use: add tasks with info like what it's about, when it's due, and how important it is. It's simple to keep track of everything. Get more done with less hassle.

jest postcss react redux tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/ranitmanik/frontend-app-starter-template

A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards

eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript

Last synced: 27 Dec 2024

https://github.com/zyloxweeb/my-website

Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.

css javascript postcss tailwindcss

Last synced: 27 Dec 2024

https://github.com/jatolentino/mediagram

Mediagram, a FB-like platform

apollo axios bootstrap docker elixir figma graphql kubernetes phoenix postcss reactjs redux

Last synced: 27 Dec 2024

https://github.com/rafaeldevvv/dictionary-web-app

A dictionary app to look up words

dictionary nextjs postcss prettier react tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/biswa-ganguly/virtualr

Virtual-R is a front-end project that showcases a modern web-site look

front-end javascript postcss reactjs tailwind-css vite

Last synced: 27 Dec 2024

https://github.com/viburoshin25/react-art

This repository serves as an introduction to web development with a stylish landing page crafted using React and Tailwind CSS. Developed as part of my introductory journey into learning React and Tailwind CSS.

nodejs postcss react-components react-hooks reactjs tailwind-css tailwindcss