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/best-shot/postcss-plugin-matcher

PostCSS plugin for limit plugins matching

postcss postcss-plugin

Last synced: 14 Oct 2024

https://github.com/jpeer264/postcss-rcs

The postcss plugin for rcs-core

css minify postcss postcss-plugin rcs rename

Last synced: 15 Nov 2024

https://github.com/milliorn/web-browser-chat-app

Simple messenger app through the web browser.

autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 26 Oct 2024

https://github.com/intellicode/boilerplate-2016

Boilerplate code for a modern Javascript application (2016)

boilerplate cssnext postcss react webpack

Last synced: 14 Nov 2024

https://github.com/nju33/yosuga

CSS styleguide generator

css generator less nuxt postcss sass styleguide stylus

Last synced: 14 Oct 2024

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 27 Sep 2024

https://github.com/malcolm-kee/modern-frontend

A workshop that introduces tools in modern front-end development

babel eslint postcss prettier sass webpack workshop

Last synced: 14 Oct 2024

https://github.com/jere-a/main-website

My ozze.eu.org website hosted on cloudflare.com

astro eslint nodejs postcss vitejs vitest web

Last synced: 11 Oct 2024

https://github.com/tardo/docker-flask

Docker image to run flask applications using gunicorn

docker-image flask gunicorn npm poetry postcss rollup supervisord

Last synced: 18 Oct 2024

https://github.com/edixonalberto/ninshop

App web para mostrar juegos de Nintendo

nintendo nintendo-switch portfolio postcss preview react redux-toolkit typescript

Last synced: 11 Oct 2024

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/theodesp/rollup-starter

Starter project using Rollup module bundler complete with livereload and postcss

es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template

Last synced: 19 Oct 2024

https://github.com/winston0410/sparrow

A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin

hongkong postcss postcss-plugins

Last synced: 11 Oct 2024

https://github.com/alexmasterov/coding-style

:heavy_check_mark: A coding style configurations

code-style eslint-config php-cs-fixer postcss stylefmt-config stylelint-config tidy-config

Last synced: 07 Nov 2024

https://github.com/nathanielinman/mithril-boilerplate

Mithril boilerplate with webpack, pug and stylus

autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack

Last synced: 07 Nov 2024

https://github.com/braswelljr/weather

Weather forecasts app with your daily and hourly updates

postcss tailwindcss webpack

Last synced: 28 Oct 2024

https://github.com/winston0410/bewater

A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.

bewater postcss postcss-plugin postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/hungpm372/nextjs-boilerplate

Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS

boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript

Last synced: 12 Oct 2024

https://github.com/privatenumber/postcss-custom-properties-transformer

PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)

custom hash mangle minify plugin postcss properties transform

Last synced: 07 Nov 2024

https://github.com/abdallahhemdan/css-nesting

Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG

css csswg nesting-styles postcss postcss-plugin

Last synced: 24 Oct 2024

https://github.com/dunwu/css-tutorial

:book: css 学习笔记

css css3 less postcss sass

Last synced: 05 Nov 2024

https://github.com/natterstefan/stylelint-config-ns

Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.

postcss prettier prettier-stylelint tailwind tailwind-stylelint

Last synced: 30 Oct 2024

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/ezavile/postcss-text-transform

A PostCSS plugin to transform the text

capitalize lowercase postcss postcss-plugin text text-transformations transform uppercase

Last synced: 29 Sep 2024

https://github.com/lamualfa/postcss-minion

Using PostCSS as Minion Extractor

minion minion-extractor postcss postcss-plugin

Last synced: 08 Nov 2024

https://github.com/jorgeatgu/base-rollup

🚀 Starter kit: rollup + d3 + postcss

bash d3 javascript postcss rollup script starter-kit

Last synced: 10 Nov 2024

https://github.com/alekseypleshkov/postcss-adaptive-size

PostCSS plugin for create adaptive size

postcss postcss-adaptive-size postcss-plugin

Last synced: 07 Nov 2024

https://github.com/mishantrop/bunnyhope

Frontend for https://bunnyhop.pro

bem css es6 gulp postcss webpack

Last synced: 04 Nov 2024

https://github.com/kristerkari/react-native-typed-postcss-transformer

PostCSS transformer with Typescript support for React Native

css loader postcss react-native transformer typescript

Last synced: 29 Oct 2024

https://github.com/scottcrowley/default-laravel-tailwind-preset

A Laravel preset with default setup and TailwindCSS

laravel postcss tailwind-css

Last synced: 30 Oct 2024

https://github.com/francoisromain/postcss-grid-fluid

A PostCSS plugin to create fluid grids.

css flexbox float grid-system postcss postcss-plugin

Last synced: 14 Oct 2024

https://github.com/marijanasevo/silkenskin

Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss

cssmodules firebase firebase-auth postcss react redux stripe typescript vite

Last synced: 14 Oct 2024

https://github.com/mrmartineau/zander.wtf

my site

astro jsx postcss tailwindcss utopia

Last synced: 11 Oct 2024

https://github.com/yukihirai0505/portfolio

:satisfied: My portfolio by React.js

css3 es6 html5 portfolio portfolio-website postcss react reactjs

Last synced: 14 Nov 2024

https://github.com/yeojz/create-react-app-postcss-starter

Example setup for PostCSS using create-react-app without running eject

create-react-app postcss react starter

Last synced: 06 Nov 2024

https://github.com/xeptore/sdfa

babel babel7 educational electron electron-builder javascript js postcss pug pugjs sass scss vue vuejs vuejs2 webpack webpack4 yarn

Last synced: 10 Oct 2024

https://github.com/madeleineostoja/rucksackcss.org

Website for Rucksack

postcss rucksack website

Last synced: 07 Nov 2024

https://github.com/shellyln/wp-quickstart-caller-example

[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.

ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2

Last synced: 27 Sep 2024

https://github.com/cezarneaga/nutotei

postcss tailwind-css vercel

Last synced: 17 Oct 2024

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

Last synced: 12 Nov 2024

https://github.com/arpitgo4/react-redux-scaffold

Scaffolding for frontend only applications with React-Redux.

babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware

Last synced: 08 Nov 2024

https://github.com/letsjaam/postcss-letter-tracking

PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.

letter-spacing letter-tracking postcss postcss-plugin typography

Last synced: 12 Nov 2024

https://github.com/sebastian-software/edgeapp

[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.

boilerplate graphql-client jest postcss redux storybook webpack webpack2

Last synced: 30 Sep 2024

https://github.com/lencx/multipage-template

Multi-module(webpack4, vue2, pug, scss, postcss)

multi-page postcss pug scss vue2 webpack4

Last synced: 19 Oct 2024

https://github.com/milliorn/cryptocurrency-list

Web application built with React, showcasing a list of cryptocurrencies along with their details.

autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 02 Nov 2024

https://github.com/luovtyrell/star-wars

A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.

context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite

Last synced: 11 Oct 2024

https://github.com/danny-englander/quartz

A Drupal 10 Single Directory Components theme using PostCSS and Storybook

components css drupal laravelmix postcss storybook twig

Last synced: 07 Nov 2024

https://github.com/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 11 Oct 2024

https://github.com/zamotany/tailwind-ts-gen

Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.

autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript

Last synced: 14 Oct 2024

https://github.com/goulvenclech/goulvenclech_11_02082021

Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.

jest postcss react spa tailwindcss typescript

Last synced: 14 Oct 2024

https://github.com/neetjn/neetjn.github.io

My personal portfolio SPA created with Svelte.js and Tailwind CSS.

javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss

Last synced: 28 Oct 2024

https://github.com/hungpm372/coffee-style-ui

Coffee template ui

css3 firebase-hosting html5 js liveserver postcss tailwindcss

Last synced: 10 Nov 2024

https://github.com/springtype-org/st-start

Zero configuration TypeScript/JavaScript bundler & DevServer for frontend and Node.js projects. Framework agnostic.

babel browserslist bundler cli code-splitting cross-platform css dev-server hmr html javascript jest nodejs postcss pwa sass server typescript webpack zero-configuration

Last synced: 10 Nov 2024

https://github.com/emilbayes/css-pipeline

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 01 Nov 2024

https://github.com/songsterr/postcss-unwrap-mq

PostCSS plugin to extract matched media queries to their parents

css media-query postcss postcss-plugin unwrap

Last synced: 13 Nov 2024

https://github.com/efiand/gulp-template

Шаблон с SSR/SPA на Vue и Svelte

a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Nov 2024

https://github.com/lanceguyatt/fronter

Front-end starter kit.

development-workflow gulpjs postcss pug webpack2

Last synced: 11 Oct 2024

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

An example of React Redux async application

example example-app postcss react redux

Last synced: 09 Nov 2024

https://github.com/kogakure/website-11ty-kogakure.de

My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Nov 2024

https://github.com/ir3ne/vite-ts-tailwind-starter

🛸 A ready to go Vite starter with TypeScript and Tailwind

javascript postcss tailwind tailwindcss typescript vitejs

Last synced: 11 Oct 2024

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 20 Oct 2024

https://github.com/noviel/webpack-features

Configure webpack quickly and without pain

bundle css-modules postcss presets react typescript webpack webpack-features

Last synced: 14 Oct 2024

https://github.com/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 15 Nov 2024

https://github.com/solygambas/html-css-travel-site

A travel website to understand BEM architecture, PostCSS and Webpack.

bem css3 html5 javascript postcss react webpack

Last synced: 27 Oct 2024

https://github.com/ephraimduncan/react-bolt-tailwind

React + Tailwind CSS Boilerplate

autoprefixer boilerplate-template css postcss react react-router react-tailwind-starter react-tailwindcss reactjs sass tailwind-css tailwindcss template

Last synced: 24 Oct 2024

https://github.com/hungpm372/ideaboard

Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.

board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss

Last synced: 11 Oct 2024

https://github.com/creeperyang/postcss-percentage

PostCSS plugin to transform percentage() function

percentage postcss postcss-plugin postcss-plugins

Last synced: 12 Nov 2024

https://github.com/albertfdp/boilerplate

🎩 Personal opinionated boilerplate for web apps

babel boilerplate css-modules jest postcss react unexpected webpack

Last synced: 08 Nov 2024

https://github.com/liuyunhe/sharp-ui

sharp-ui，一套为开发者准备的基于 Vue 3.0 的桌面端组件库

es6 fort-awesome postcss vue3-typescript

Last synced: 11 Oct 2024

https://github.com/magsout/magsout.com

magsout personal website

personal-website personal-website-homepage postcss prettier

Last synced: 09 Nov 2024

https://github.com/joserafael0160/clock

A basic clock made with HTML, PostCSS and JS

basic-clock clock clock-web html javascript postcss web-clock

Last synced: 11 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/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 07 Nov 2024

https://github.com/koval01/tonview-svelte

Ton explorer on Svelte with Framework7

cloudflare-pages framework7 javascript notcoin postcss svelte sveltejs tailwind tailwindcss telegram ton toncoin typescript vite

Last synced: 10 Oct 2024

https://github.com/davidwarrington/postcss-responsive-classes

Generate responsive class variants with responsive at-rule

css postcss

Last synced: 03 Nov 2024

https://github.com/alex-kinokon/postcss-light-dark

PostCSS implementation of light-dark() function

postcss

Last synced: 13 Nov 2024

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 12 Oct 2024

https://github.com/henriquelimas/babel-rollup-postcss-boilerplate

babel boilerplate postcss rollup

Last synced: 13 Nov 2024

https://github.com/bush1d3v/linktree

Aplicação "árvore de links", que possui o objetivo de reunir vários link de redes sociais de uma pessoa.

javascript nextjs postcss sass tailwind typescript yarn

Last synced: 07 Nov 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/alexandremasy/postcss-salt-typography

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 06 Nov 2024

https://github.com/mariannav/success

ci-cd gulp js linters postcss pugjs

Last synced: 06 Nov 2024

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

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 28 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/andreivictor/webpack-tailwind-starter

A starter frontend boilerplate using Webpack 5, TailwindCSS, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint tailwind tailwindcss webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 15 Oct 2024

https://github.com/andreivictor/webpack-bootstrap5-starter

A starter frontend boilerplate using Webpack 5, Bootstrap 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 bootstrap bootstrap5 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 15 Oct 2024

https://github.com/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 07 Nov 2024

https://github.com/hrynevychroman/vue-start

Transforming Vue projects with boundless creativity.

commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse

Last synced: 07 Nov 2024

https://github.com/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 07 Nov 2024

https://github.com/harshita2234/mern-chat

This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.

autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket

Last synced: 07 Nov 2024

https://github.com/bush1d3v/diverti_lembrete_front

O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.

bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue

Last synced: 07 Nov 2024

https://github.com/atakantepe/tailwindcss-parser

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

css-parser json postcss tailwind-css utility-tool web-development