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:

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.

https://github.com/elchininet/nextjs-postcss-rtlcss-example

Next.js project using postcss-rtlcss plugin to automatically create left-to-right and right-to-left CSS rules

left-to-right ltr nextjs postcss postcss-plugin postcss-rtlcss right-to-left rtl

Last synced: 20 Jan 2025

https://github.com/hackemateninja/hackemate

Next.js hackemate platform with stripe membership and supabase

nextjs postcss postgresql reactjs supabase tailwindcss typescript

Last synced: 14 Dec 2024

https://github.com/clarksource/ember-css-modules-config

Bootstraps ember-css-modules with various PostCSS plugins and good defaults.

ember-addon ember-css-modules postcss

Last synced: 28 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: 06 Feb 2025

https://github.com/nju33/yosuga

CSS styleguide generator

css generator less nuxt postcss sass styleguide stylus

Last synced: 19 Dec 2024

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

An example of React Redux async application

example example-app postcss react redux

Last synced: 04 Jan 2025

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

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

multi-page postcss pug scss vue2 webpack4

Last synced: 02 Feb 2025

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

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

Mithril boilerplate with webpack, pug and stylus

autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack

Last synced: 29 Dec 2024

https://github.com/hwantage/postcss-delete-duplicate-selector

PostCSS plugin delete duplicate css selector in the file

npm-package postcss postcss-plugin

Last synced: 24 Jan 2025

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

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: 21 Dec 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: 21 Dec 2024

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

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 05 Feb 2025

https://github.com/ka215/sloth

Mobile-first CSS Lightweight Framework. It has reduced styling coding costs to a minimum with non-BEM and simpler naming conventions than OOCSS.

css framework front-end mobile-first postcss responsive sass web

Last synced: 23 Jan 2025

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: 17 Dec 2024

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

Website for Rucksack

postcss rucksack website

Last synced: 28 Dec 2024

https://github.com/garraflavatra/jekyll-tailwind-template

This template configures Jekyll to work with Tailwind CSS and PostCSS.

jekyll postcss tailwindcss

Last synced: 28 Dec 2024

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

Generate responsive class variants with responsive at-rule

css postcss

Last synced: 21 Dec 2024

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

PostCSS cleanup plugin to strip !important for AMP compatible CSS

postcss postcss-plugin

Last synced: 10 Jan 2025

https://github.com/azmy60/ci4-rollup-postcss-tailwind

A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3

codeigniter4 postcss rollupjs tailwindcss todolist

Last synced: 03 Feb 2025

https://github.com/doinel1a/vite-react-ts-starter

Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.

boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite

Last synced: 07 Nov 2024

https://github.com/adenugbamichael/portfolio-site

✨ My portfolio site built with nextjs 13/react js and typescript

nextjs pnpm postcss tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/thinknathan/web-app-starter-project

Web app template with TypeScript, PostCSS, Workbox & PWA Asset Generator. Has Github Actions to publish via Electron for desktop or Capacitor for Android.

capacitorjs cross-platform-development electronjs esbuild multi-platform-builder postcss progressive-web-app pwa template typescript web-app webdev workbox

Last synced: 02 Nov 2024

https://github.com/codyjasonbennett/next-postcss

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 01 Feb 2025

https://github.com/jorgeatgu/gulp-postcss

:small_red_triangle: Empezando a trabajar con postCSS en Gulp

blog css postcss

Last synced: 06 Jan 2025

https://github.com/rumenpetrov/frontend-starter-kit

Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.

architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini

Last synced: 14 Jan 2025

https://github.com/rfarine/giphy

A simple search application using the Giphy API

babel cssmodules enzyme karma mocha phantomjs postcss react reactjs redux sass webpack webpack2

Last synced: 01 Feb 2025

https://github.com/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 14 Dec 2024

https://github.com/jorgeatgu/postcss-congresoweb

:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web

css postcss slides

Last synced: 06 Jan 2025

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

https://github.com/glauberramos/travel-planner

Simple website to create travel plans

cssmodules express nodejs postcss react redux sequelize

Last synced: 01 Feb 2025

https://github.com/mariusz-ba/postcss-ms-grid

PostCSS plugin for adding css-grid fallback for IE.

css-grid grid ie11 ie11-grid postcss postcss-plugin

Last synced: 10 Nov 2024

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

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

image-set postcss

Last synced: 20 Dec 2024

https://github.com/gsoft-inc/wl-web-configs

Shared configurations for building web applications at Workleap.

browserslist eslint postcss stylelint swc tsup typescript webpack

Last synced: 18 Oct 2024

https://github.com/sadcitizen/postcss-config

@sadcitizen/postcss-config - PostCSS shareable config

postcss postcss-config postcss-preset

Last synced: 08 Jan 2025

https://github.com/brunogroth/livewire

Learning Livewire | PHP & Laravel & Livewire & TailwindCSS

laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss

Last synced: 08 Jan 2025

https://github.com/asbhogal/react-digital-business-cards

A series of four digital business cards created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)

babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 postcss react reactjs scrimba scrimba-react scss webpack

Last synced: 21 Jan 2025

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

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

Write CSS mixins in Javascript.

css css-in-js js postcss

Last synced: 12 Jan 2025

https://github.com/pierrecholhot/hank

Live OS monitoring UI built on top of HighCharts.js

babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack

Last synced: 15 Jan 2025

https://github.com/mrarvind90/fcc-impulsivity

A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB

daisyui freecodecamp mongodb next-auth nextjs postcss prisma tailwindcss typescript zod

Last synced: 06 Jan 2025

https://github.com/efiand/netbiblio

Интернет-архив авторской русскоязычной литературы.

a11y admin-panel amp api commercial design favicons mobile-first nodejs opengraph portfolio-project postcss postgresql prisma semantics spa sveltekit svg typography webp

Last synced: 13 Jan 2025

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

Сборка для создания статического сайта на gulp.

boilerplate esbuild eslint gulp image-optimization pixelperfect postcss sprite stylelint w3c-validation webp

Last synced: 13 Jan 2025

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 09 Nov 2024

https://github.com/fullstack-dev3/halo-insurance

Halo Insurance Website by Next.js

eslint insurance nextjs postcss reactjs tailwindcss

Last synced: 05 Jan 2025

https://github.com/silvestrevivo/react-parcel-starter

This is a ReactJS project starter developed with ParcelJS. It contains Eslint and PostCSS integration to improve performing during developement and production.

babel eslint parcel-bundler parceljs postcss react react-starter-kit reactjs

Last synced: 25 Nov 2024

https://github.com/franekstein/react-ts-starter

Modern React & Typescript boilerplate.

cssmodules postcss react sass typescript webpack

Last synced: 26 Jan 2025

https://github.com/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 26 Jan 2025

https://github.com/ryan-dorman/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 Jan 2025

https://github.com/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 01 Feb 2025

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/darrenjacoby/postcss-root-parse-var

Parse a custom property from `:root` or another selector to a static value

css postcss postcss-plugin postcss-root-parse-var

Last synced: 19 Nov 2024

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 27 Dec 2024

https://github.com/ezavile/postcss-typescript-kickstart

Simple boilerplate to kick start your new PostCSS plugin with TypeScript

boilerplate kickstart postcss postcss-plugin typescript

Last synced: 27 Dec 2024

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

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

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

Last synced: 21 Nov 2024

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 04 Feb 2025

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

Last synced: 27 Dec 2024

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

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 22 Jan 2025

https://github.com/sumingcheng/moduvue

基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。

autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5

Last synced: 11 Jan 2025

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: 27 Dec 2024

https://github.com/bush1d3v/solidity-todo-app

Solidity Todo App is an solidity study project, integrated with web3 and vue.js.

biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js

Last synced: 16 Jan 2025

https://github.com/axshatind/synnextial

A Collaborative/Personal-Workspace designed to streamline team communication, document management, and project coordination. Inspired by modern tools, SynnexTial aims to provide a seamless, intuitive experience for teams working in fast-paced environments.

api firebase firestore firestore-database formik git gsap nextjs postcss redux tailwindcss

Last synced: 22 Jan 2025

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 15 Dec 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/saabbir/fictional-travel-site

A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/

postcss webpack

Last synced: 13 Jan 2025

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 28 Jan 2025

https://github.com/boddepallyvenkatesh06/employee-entry-full-stack

Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form

nodejs-s3 postcss reractjs tailwindcss

Last synced: 16 Jan 2025

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 14 Jan 2025

https://github.com/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 04 Feb 2025

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Jan 2025

https://github.com/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

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

PostCSS Awesome Lists
awesome-tailwindcss 266
PostCSS Categories
Learning 79 UI Libraries, Components & Templates 69 Tools 49 Starters & Themes 36 Plugins 35 Useful Links 11 IDE Extensions 5