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-06 00:23:42 UTC
JSON Representation

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

https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard

This is a solution to the time tracking dashboard challenge on Frontend Mentor

css-custom-properties github-actions postcss react rest-api svg-sprite vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-clock-app

This is a solution to the clock app challenge on Frontend Mentor

css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-advice-generator-app

This is a solution to the advice generator app challenge on Frontend Mentor

advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-results-summary

This is a solution to the results summary challenge on Frontend Mentor

css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website

This is a solution to the scoot multi-page website challenge on Frontend Mentor

css-custom-properties github-actions html postcss svg-sprite vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-project-tracking-intro

This is a solution to the project tracking intro component challenge on Frontend Mentor

css-custom-properties github-actions html postcss tailwind-css vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-news-homepage

This is a solution to the news homepage challenge on Frontend Mentor

css-custom-properties gulp html postcss vanilla-js

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-3-column-preview-card-component

This is a solution to the 3-column preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Jan 2025

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 19 Jan 2025

https://github.com/avigoldman/postcss-colornames-to-hex

PostCSS plugin to convert color names to hexadecimal values

colornames colors hexidecimal plugin postcss

Last synced: 19 Jan 2025

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

This is webpack boilerplate (vue, ts, scss, postcss, browserslist, babel, eslint, stylelint, prettier, docker)

babel browserslist docker eslint postcss prettier scss stylelint ts vue

Last synced: 19 Jan 2025

https://github.com/elchininet/postcss-comments

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 20 Jan 2025

https://github.com/pronoia9/promptle

Unleash your creativity and ignite inspiration with Promptle! This innovative Next.js application is your gateway to a world of limitless ideas. Share prompts, spark creativity, and watch ideas flourish as you connect with a community of like-minded individuals. Dive into Promptle and let your imagination soar!

autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss

Last synced: 24 Jan 2025

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 24 Jan 2025

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/hemanthkumarsunkari27/food-website

A visually appealing and user-friendly food website allowing users to browse various food items, view details, and explore recipes or descriptions. Built with HTML, CSS, JavaScript, and bundled with Vite for fast, optimized loading.

css food-website front-end html javascript postcss recipes responsive-design vite web-development

Last synced: 25 Jan 2025

https://github.com/evaaaaawu/website-starter-template

A design system that can be used to build websites.

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/evaaaaawu/brandboosters

Project to practice sass

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/evaaaaawu/barbershop

Project to practice sass

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/silvestrevivo/webpack4-starter

React starter boilerplate built with WebPack4. It contains some improvements respect the previous version, as weel as optimalizations got from the Parcel Starter respository.

babel classnames enzime eslint hot-reload html javascript jest postcss prettier prettier-eslint reactjs redux sass scss webpack4 webpack4boilerplate webpack4starter yarn

Last synced: 25 Jan 2025

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

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 25 Jan 2025

https://github.com/ssschneider/tailwind-practice

Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.

eslint figma hero-icons nextjs postcss tailwindcss typescript

Last synced: 31 Jan 2025

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

https://github.com/halo-design/halo-optimus

ಠ_ಠ Scaffolding with the latest react components

babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3

Last synced: 31 Jan 2025

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

https://github.com/nickshiro/skymosaic

Create your unique star map poster to commemorate a special date

eslint gh-pages html2canvas pnpm postcss prettier sveltekit tailwindcss typescript vite yandex-maps

Last synced: 01 Feb 2025

https://github.com/joserafael0160/age-calculator

An Age calculator, using HTML, CSS, and JavaScript.

age age-calculator calculator html js js-vanilla postcss

Last synced: 01 Feb 2025

https://github.com/lunanezha/imedica-login

Leverages AI to provide medication management services for patients and doctors. This project focuses solely on the login functionality, delivering a responsive, and mobile-first interface to authenticate user.

ai doctor ionic login medication mobile-app patient postcss prescription react responsive tailwindcss typescript vite