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: 2024-11-15 00:23:00 UTC
JSON Representation

https://github.com/skovy/css-codemod-demo

Example of a custom CSS codemod built with PostCSS

codemod css postcss

Last synced: 17 Oct 2024

https://github.com/andreidmt/tpl-react

React, Redux, Webpack and friends :boy::girl::hurtrealbad::rainbow:

eslint postcss prettier react redux riteway socket-io starter tape template webpack

Last synced: 08 Nov 2024

https://github.com/johnwatkins0/postcss-javascript-mixins

Write CSS mixins in Javascript.

css css-in-js js postcss

Last synced: 13 Nov 2024

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

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 17 Oct 2024

https://github.com/cxspxr/react-shortener

:link: Rails API & React URL Shortener

coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack

Last synced: 18 Oct 2024

https://github.com/dormanator/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 15 Nov 2024

https://github.com/alexandrecpedro/habits-setup

Habits platform for web and mobile - NLW Setup

expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript

Last synced: 09 Nov 2024

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

adds and extends some properties

plugin postcss postcss-propro

Last synced: 28 Oct 2024

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 12 Oct 2024

https://github.com/alexandrecpedro/world-cup-polls

World Cup Polls platform for web and mobile - NLW World Cup

expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup

Last synced: 09 Nov 2024

https://github.com/alexandrecpedro/rocketseat-event-platform

Rocketseat event platform (video content)

apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs

Last synced: 09 Nov 2024

https://github.com/alexandrecpedro/esports

eSports platform for web and mobile - NLW eSports

esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite

Last synced: 09 Nov 2024

https://github.com/exslym/pub_vite-template

Custom project VITE configuration template

autoprefixer babel css3 eslint eslint-config-prettier eslint-plugin-prettier html5 javascript postcss prettier scss scss-mixins sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy

Last synced: 14 Nov 2024

https://github.com/exslym/main_vite-template_dnr

Custom project VITE configuration for DnR template

autoprefixer babel7 css3 eslint html5 javascript postcss prettier scss sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy vitejs

Last synced: 14 Nov 2024

https://github.com/exslym/d-creative-studio

D-Creative Studio

animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss sass webpack5

Last synced: 14 Nov 2024

https://github.com/sohanemon/dragon-news

🚀 postcss, tailwind

combinators css firebase-auth postcss react react-hot-toast tailwindcss

Last synced: 15 Nov 2024

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 14 Oct 2024

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/aggutierrez98/aggutierrez-portfolio

cssmodules framer-motion nextjs personal-website postcss react typescript

Last synced: 14 Oct 2024

https://github.com/aeyoll/postcss-imageset-type

PostCSS plugin for adding image-set type to background-images.

image-set postcss

Last synced: 01 Nov 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: 01 Nov 2024

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 28 Oct 2024

https://github.com/fitri-hy/dev-framework

Fullstack framework designed for building modern web applications with ease

dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack

Last synced: 11 Oct 2024

https://github.com/jeff2ma/postcss-decls-ref

A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).

css declaration extend postcss postcss-plugin ref sass

Last synced: 11 Oct 2024

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 28 Oct 2024

https://github.com/tamino-martinius/ui-snippets-template

Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript

html postcss typescript ui-snippets

Last synced: 10 Nov 2024

https://github.com/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 07 Nov 2024

https://github.com/buddye/postcss-remove-important

PostCSS cleanup plugin to strip !important for AMP compatible CSS

postcss postcss-plugin

Last synced: 12 Nov 2024

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 30 Oct 2024

https://github.com/fmanimashaun/skilled-elearning-landing-page

his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

frontendmentor-challenge html5 mobile-first postcss scss webpack5

Last synced: 31 Oct 2024

https://github.com/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables

Last synced: 11 Oct 2024

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

Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome

babel boilerplate bootstrap3 font-awesome postcss scss webpack3

Last synced: 12 Nov 2024

https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd

🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,

antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn

Last synced: 12 Nov 2024

https://github.com/rbelling/postcss-safe-curly-braces

PostCSS plugin to transform '}}' in '} }'

css handlebars postcss postcss-plugin vuejs

Last synced: 15 Nov 2024

https://github.com/the-holocron/threepio

The protocol droid.

babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config

Last synced: 18 Oct 2024

https://github.com/yuan66-hub/react-h5-pages

H5多页面打包模板，支持命令行交互方式选择页面按需打包，页面体积优化，体积分析，集成tailwindcss原子化，静态资源预加载（js/css/image/font），代码混淆，CSS Module，支持rspack脚手架，重复依赖代码检测，预渲染，rsdoctor模块引用分析工具，umi 多页面打包模式等功能

babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5

Last synced: 07 Nov 2024

https://github.com/pomeluce/rapidify-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 13 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: 08 Nov 2024

https://github.com/chrisross5/supit-project

College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.

bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router

Last synced: 15 Nov 2024

https://github.com/leomssilva/cineflix

:clapper: :computer: :iphone: This project is about a website that lists movies.

autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite

Last synced: 08 Nov 2024

https://github.com/claudiusayadi/ketocss

The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.

adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based

Last synced: 08 Nov 2024

https://github.com/muasa-harman/online-shopping-app

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.

eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript

Last synced: 31 Oct 2024

https://github.com/duanedave/portfolio-v_1

This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer

accessibility css4 framer-motion postcss react ux-ui

Last synced: 17 Oct 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/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: 23 Oct 2024

https://github.com/treetips/react-router-redux-typescript-parcel-example

react-router-redux-typescript-parcel-example

parcel postcss prettier react redux scss tslint typescript3 vscode

Last synced: 08 Nov 2024

https://github.com/mahdita97/machex

Machex (A React Chrome Extension Boilerplate)

chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5

Last synced: 15 Nov 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: 23 Oct 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: 23 Oct 2024

https://github.com/rmoongit/cryptonomicon

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

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

Last synced: 07 Nov 2024

https://github.com/koole/centrale-v1

🔥 dekoolecentrale.nl

postcss threejs typescript webpack

Last synced: 10 Nov 2024

https://github.com/mmorrii/starter-kit

Starter template with React, React Router, PostCSS, TypeScript, Vite

postcss react react-router starter-kit template typescript vite

Last synced: 29 Oct 2024

https://github.com/wr-projects/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2022 2022-project babel commitizen commitlint config eslint markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts webreadyprojects wrprojects

Last synced: 28 Oct 2024

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

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 05 Nov 2024

https://github.com/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 09 Nov 2024

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 17 Oct 2024

https://github.com/alexandrecpedro/spacetime

Time Capsule platform for web and mobile - NLW Spacetime

cors expo fastify figma google-fonts ignite-rocketseat lucide-icons nextjs nodejs postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript

Last synced: 09 Nov 2024

https://github.com/exslym/portfolio-new-3d

A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)

autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs

Last synced: 14 Nov 2024

https://github.com/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 17 Oct 2024

https://github.com/abhich21/memory-game

a basic number pair memory game

postcss react-dom reactjs tailwindcss vitejs

Last synced: 09 Nov 2024

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

https://codeberg.org/fec/postcss-url-mapping

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

Last synced: 27 Sep 2024

https://github.com/spring-raining/postcss-plugins

PostCSS plugin to provide theming function based on CSS variables using `@var` rules.

css postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/yurii-corssa/vite-vanilla-template

A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.

postcss scss vanilla-javascript vite

Last synced: 07 Nov 2024

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 27 Sep 2024

https://github.com/andrepolischuk/react-mobx-state-tree-example

An example of React MobX state tree async application

example example-app mobx-state-tree postcss react

Last synced: 09 Nov 2024

https://github.com/andrepolischuk/deku-redux-example

An example of Deku Redux async application

deku deku-redux example example-app postcss redux

Last synced: 09 Nov 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: 07 Nov 2024

https://github.com/efiand/sedona

Сайт туристического городка.

a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack

Last synced: 14 Nov 2024

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

https://github.com/efiand/device

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

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

Last synced: 14 Nov 2024

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

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

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

Last synced: 14 Nov 2024

https://github.com/joserafael0160/jrlinks

All my links page made with HTML, PostCSS and JavaScript. 💜

all-my-links allmylinks html-css-javascript javascript link-platform links postcss

Last synced: 11 Oct 2024

https://github.com/efiand/anne-blog

Образцы страниц блога копирайтера.

a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation

Last synced: 14 Nov 2024

https://github.com/efiand/cooknote

Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы

a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit

Last synced: 14 Nov 2024

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

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

eslint pinia portfolio-project postcss stylelint vite

Last synced: 14 Nov 2024

https://github.com/efiand/portfolio

Портфолио со списком работ и биографией. Все данные получаются по Github API

a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack

Last synced: 14 Nov 2024

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: 14 Nov 2024

https://github.com/efiand/mobf21

Предыдущая версия сайта mobf21.com

a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp

Last synced: 14 Nov 2024

https://github.com/efiand/scandi

Одностраничник студии дизайна интерьеров. Demo собственного сборщика

a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/efiand/wfl

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

a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack

Last synced: 14 Nov 2024

https://github.com/efiand/drink2go

a11y bem esbuild favicons gulp htmlacademy leaflet mentorship-programme mobile-first pixelperfect portfolio-project postcss posthtml progressive-enhancement range-slider sprite stylelint swiper w3c-validation webp

Last synced: 14 Nov 2024

https://github.com/efiand/svelte-fastify-template

Сборка для создания простых изоморфных приложений SSR/SPA

boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo

Last synced: 14 Nov 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: 10 Nov 2024

https://github.com/squirrel-forge/node-build-scss

Simple sass wrapper including some useful configuration options and extended features like package support and loading files as base64 encoded strings for font and image inclusion.

build cli node nodejs postcss sass simple