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

https://github.com/straw-hat-team/nextjs-starter-kit

Our NextJS starter kit project

nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss

Last synced: 29 Jan 2025

https://github.com/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: 29 Jan 2025

https://github.com/ginnill/pokemon-team-builder

React and Tailwind Pokédex

api css3 html5 javascript pokedex pokemon pokemon-api postcss reactjs sass tailwindcss typescript vitejs

Last synced: 05 Jan 2025

https://github.com/baraqkamsani/postcss-fluid-style

Build fluid text and style in CSS

css postcss

Last synced: 30 Jan 2025

https://github.com/ashwin-s-nambiar/notes-app

A Full Stack Notes App made to improve my knowledge and ability in Next.js.

full-stack nextjs pocketbase postcss router tailwindcss

Last synced: 30 Jan 2025

https://github.com/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

css-vars css-vars-fallback postcss postcss-plugin

Last synced: 22 Dec 2024

https://github.com/vlasmn/zhenyavlasov.com

11ty nunjucks postcss

Last synced: 25 Jan 2025

https://github.com/buschtoens/broccoli-multi-postcss

Broccoli plugin to transform one or more input files using PostCSS to one or more output files.

broccoli broccoli-plugin postcss

Last synced: 08 Dec 2024

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 22 Dec 2024

https://github.com/yash-jivani/ens-cryptoweb

Real-time trading status for the top Cryptocurrency

api css cyptocurrency html javascipt livedata postcss react tailwindcss

Last synced: 22 Dec 2024

https://github.com/yash-jivani/bookmarkweb

Bookmark website UI

css html node npm postcss tailwindcss

Last synced: 22 Dec 2024

https://github.com/mouhametnd/ecommerce-product

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

bem-methodology gulpjs html javascript localstorage postcss scss

Last synced: 17 Jan 2025

https://github.com/shaherashraf/webpackboilerplate

📦 A webpack boilerplate using Babel, PostCSS and Sass.

babel es6 hot-reloading hot-replacement javascript postcss sass webpack

Last synced: 02 Feb 2025

https://github.com/juborajsujon/fix-nexus-client

FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.

autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss

Last synced: 08 Dec 2024

https://github.com/mrhidalgo/vanillajavascript

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.

bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs

Last synced: 08 Dec 2024

https://github.com/juborajsujon/textile-art-client

Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.

animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite

Last synced: 08 Dec 2024

https://github.com/semanticdata/mangu

🍽 Eleventy starter theme/template built with Eleventy and TailwindCSS.

11ty 11ty-website eleventy eleventy-website postcss tailwindcss

Last synced: 09 Oct 2024

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

Boilerplate to kickstart creating a project with Symfony and Webpack

api babel boilerplate eslint jest postcss prettier stylelint symfony typescript webpack

Last synced: 20 Dec 2024

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

🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.

autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5