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/krypton225/social-links-profile

This is just a training in Front End Mentor website.

challenge css3 frontend-mentor html5 postcss ui-challenge

Last synced: 27 Dec 2024

https://github.com/andrei1994rus/users-react

Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)

adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack

Last synced: 09 Jan 2025

https://github.com/imjaroiswebdev/jartravels-site

gulp html-css postcss responsive

Last synced: 29 Jan 2025

https://github.com/efiand/vue-form-multistep

Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite

eslint pinia portfolio-project postcss stylelint vite

Last synced: 13 Jan 2025

https://github.com/iamkhan21/svelte-typescript-vite-template

A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.

netlify postcss svelte sveltejs template typescript vite

Last synced: 23 Jan 2025

https://github.com/nicolashornero/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 28 Dec 2024

https://github.com/atomicojs/example-tailwindcss

atomico postcss tailwindcss webcomponents

Last synced: 26 Dec 2024

https://github.com/ljuzifer/carp-travel-app

An application that tells about the best Carpathian tourist routes!

autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 23 Jan 2025

https://github.com/alexandremasy/postcss-salt-typography-parser

Salt - Typography Parser utility

postcss postcss-plugin salt

Last synced: 26 Dec 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/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