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/maratdev/next-movie

🎦 Watch anime online

nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript

Last synced: 27 Dec 2024

https://github.com/danielfgray/gulp-boilerplate

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 24 Jan 2025

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/angelmtztrc/tailwindcss-darkmode

A basic example of Dark/Light mode with TailwindCSS and ReactJS.

javascript postcss reactjs tailwindcss

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

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 20 Dec 2024

https://github.com/arturi/template-css

Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin

css css-in-js cssinjs postcss template-literals template-string

Last synced: 09 Dec 2024

https://github.com/bhallstein/jigmawiffin

Those nitpicky webpack, babel, and postcss deps you always need.

babel css javascript postcss react tooling webpack

Last synced: 09 Dec 2024

https://github.com/josealz/disco

Discord clone

autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode

Last synced: 25 Dec 2024

https://github.com/iwatanikenji/event-platform

GraphCMS integrated application developed to organize classes and livestreams based on a launch date

apollo graphcms graphql phosphoricons postcss router-dom tailwindcss

Last synced: 23 Dec 2024

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 24 Jan 2025

https://github.com/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 10 Jan 2025

https://github.com/ambar/docz-plugin-style

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 02 Jan 2025

https://github.com/sagorranait/reactjs-gallery-test

Creating a responsive image gallery using React JS

autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss

Last synced: 27 Dec 2024

https://github.com/lorenzorapetti/tailwindcss-parcel

Template with tailwindcss and parcel

parcel parcel-bundler postcss tailwindcss template

Last synced: 04 Dec 2024

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 16 Nov 2024

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

Fully responsive Tailwind template.

autoprefixer postcss responsive-design tailwindcss

Last synced: 27 Dec 2024

https://github.com/mirzobox/tic-tac-toe-selfmade

Tic, Tac, Toe game. Used min-max algorithm.

daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs

Last synced: 21 Jan 2025

https://github.com/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 30 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/bntzio/invie-postcss

Just a site to learn postcss

bem cssnext gulp lost-grid postcss

Last synced: 30 Dec 2024

https://github.com/vs0uz4/movie-search

Aplicação Desenvolvida no Curso de SvelteJS

javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api

Last synced: 07 Jan 2025

https://github.com/rencire/typescript-webapp-starter

babel babel-preset-env babel-typescript frontend husky lint-stag postcss postcss-preset stylelint tslint typescript webpack webpack4

Last synced: 09 Jan 2025

https://github.com/samuelribeiroo/lunnaris

A modern landing page for AI-based software as as service.

framer-motion lucide-icons next-14 postcss tailwindcss

Last synced: 26 Jan 2025

https://github.com/frolov-andrey2405/finvista

Modern Banking Aesthetics Repository

autoprefixer css html js postcss react tailwindcss vitejs

Last synced: 14 Jan 2025

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/elquimista/react-app-suspenders

A React app template

airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect

Last synced: 04 Dec 2024

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 04 Dec 2024

https://github.com/humpherson/audio-recorder-app

A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀

html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite

Last synced: 09 Dec 2024

https://github.com/exslym/uikit-test

A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook

jest postcss react storybook typescript

Last synced: 09 Dec 2024

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 15 Dec 2024

https://github.com/chanonroy/react-github-battle

From the React online training tutorial

postcss react react-router scss webpack

Last synced: 23 Dec 2024

https://github.com/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

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

This is a cheat sheet repo for PostCSS

autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss

Last synced: 10 Dec 2024

https://github.com/jonasfroeller/webpack-webapp

Webpack frontend-webapp starter.

asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow

Last synced: 05 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/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/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 20 Dec 2024

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

https://github.com/efiand/wfl

Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API

bem eslint favicons gulp opengraph portfolio-project postcss posthtml sprite stylelint webpack

Last synced: 13 Jan 2025

https://github.com/shrpne/postcss-clear-empty-strings

Remove declarations with empty values

clear empty postcss

Last synced: 10 Dec 2024

https://github.com/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 10 Dec 2024

https://github.com/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 06 Dec 2024

https://github.com/engrsakib/countriesname-simple-react-projects

api daisyui jsx postcss react tailwindcss

Last synced: 10 Dec 2024

https://github.com/ansershafiq/talentavenue

A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.

postcss react-router react-router-dom reactjs tailwindcss

Last synced: 10 Dec 2024

https://github.com/liv7c/bookshop-static-version

Static html/css/js version for a wordpress website that is now live.

es2015 es6 gulp postcss responsive-web-design

Last synced: 09 Jan 2025

https://github.com/milliorn/true-hope-tutoring

Landing page for True Hope 4 Success Tutoring

academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development

Last synced: 12 Jan 2025

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

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

Интернет-магазин гаджетов.

bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack

Last synced: 13 Jan 2025

https://github.com/efiand/vue3-boilerplate

Стартовый шаблон для разработки SPA.

boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite

Last synced: 13 Jan 2025

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Jan 2025

https://github.com/fmanimashaun/netflix-clone

This is a clone of the netflix website. It is built using react and styled using tailwindcss.

axios firebase postcss react react-router redux-tt tailwindcss

Last synced: 06 Jan 2025

https://github.com/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate

Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync

hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development

Last synced: 21 Jan 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: 09 Oct 2024

https://github.com/solo-steven/rustlycss

css transformer build in rust

css css-generator css-parser postcss postcss-like

Last synced: 17 Jan 2025

https://github.com/kaanguru/clientsidetemplate

SvelteKit Static Site Generation Template

indexeddb postcss skeleton ssg superforms sveltekit tailwindcss

Last synced: 11 Dec 2024

https://github.com/yoriiis/webpack-boilerplate

Boilerplate to kickstart creating a project with Webpack configuration

babel boilerplate eslint javascript jest postcss prettier stylelint webpack

Last synced: 11 Dec 2024

https://github.com/halvardssm/frontend-starter

A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS

font-awesome hacktoberfest poeditor postcss react template typescript webpack

Last synced: 11 Dec 2024

https://github.com/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 16 Dec 2024

https://github.com/jaketrent/test-postcss-import

test postcss-import plugin with esm, conditional exports, webpack5

postcss webpack

Last synced: 23 Jan 2025

https://github.com/fluffychi-xing/templatemanage

A management system blue-print template.

element-plus frontend iconfont postcss scss tailwindcss typescript vuejs

Last synced: 27 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/winston0410/tailwindcss-absolute-centering

A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.

postcss tailwindcss tailwindcss-plugin

Last synced: 11 Jan 2025

https://github.com/devferx/block-master

Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.

babel css html postcss react-vanilla styled-components webpack

Last synced: 23 Dec 2024

https://github.com/hoangnguyen77/interior-construction-quotation-fe

The frontend for interior construction quotation platform

html-css-javascript postcss reactjs scss tailwindcss vitejs

Last synced: 27 Dec 2024

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 25 Jan 2025

https://github.com/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 27 Dec 2024

https://github.com/morzhanov/react-ts-boilerplate

React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.

eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4

Last synced: 30 Dec 2024

https://github.com/humpherson/blueprint-app

This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.

emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss

Last synced: 17 Dec 2024

https://github.com/luizfelipedasilva678/to-do-list-with-pug

Simple To do list made with Pug

postcss pug type vite

Last synced: 17 Jan 2025

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/morzhanov/react-flow-boilerplate

React Flow Boilerplate allows you to start new web project from scratch using React and Flow.

babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack

Last synced: 30 Dec 2024

https://github.com/bylothink/phonebook-frontend

📖 The frontend part of a sample phonebook app made by using @vuejs.

phonebook postcss sample tailwindcss typescript vitejs vuejs

Last synced: 12 Dec 2024

https://github.com/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 07 Jan 2025

https://github.com/emranffl/data-security-blockchain

Thesis work.

blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs

Last synced: 24 Dec 2024

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 23 Dec 2024

https://github.com/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 27 Dec 2024