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

https://github.com/kelvin-mai/image-hub

A Instagram-like web application made in the MERN stack

express instagram mongodb nodejs postcss react

Last synced: 01 Jan 2025

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: 27 Dec 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: 27 Dec 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: 27 Dec 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/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

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

https://github.com/amoutonbrady/bmi-app

Demo visible at:

experiment hyperhtml postcss rollup

Last synced: 24 Dec 2024

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 16 Nov 2024

https://github.com/creative-tutorials/html-tailwind

HTML Tailwind boilerplate

css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss

Last synced: 27 Dec 2024

https://github.com/p10ns11y/peramsathyam

poems and blogs

fly postcss reactjs remix-run stately tailwindcss xstate

Last synced: 01 Jan 2025

https://github.com/maybemonad/vite-lib-starter

postcss react tailwindcss typescript

Last synced: 13 Nov 2024

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 26 Sep 2024

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 18 Dec 2024

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/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: 01 Jan 2025

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

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 12 Oct 2024

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/loreina/base

Webpack 4 starter (babel, eslint, sass, postcss)

babel eslint html javascript nodejs postcss scss webpack

Last synced: 18 Dec 2024

https://github.com/argyleink/jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file

babel cssnext jade postcss webpack

Last synced: 18 Dec 2024

https://github.com/oncomouse/extract-tachyons

Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.

postcss tachyons tachyons-css

Last synced: 20 Nov 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: 18 Dec 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/efiand/gulp-static

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

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

Last synced: 14 Nov 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/melhosseiny/get-rhythm

PostCSS plugin to generate vertical rhythm using a modular typographic scale

deno postcss typography

Last synced: 22 Nov 2024

https://github.com/deep-impact-ag/react-ts-client

React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.

boilerplate client-side cssmodules postcss react typescript webpack

Last synced: 01 Oct 2024

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

Last synced: 24 Dec 2024

https://github.com/harinathlee/ford-app

This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.

eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui

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

Last synced: 27 Dec 2024

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

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 19 Dec 2024

https://github.com/yazeedobaid/my-laravel-setup

My Laravel Project setup

eslint jest laravel laravel-setup postcss tailwindcss vue

Last synced: 28 Dec 2024

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

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

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/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/adenugbamichael/portfolio-site

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

nextjs pnpm postcss tailwindcss typescript

Last synced: 24 Nov 2024

https://github.com/melhosseiny/es-starter-kit

Starter kit for web projects

babel browserslist ecmascript express javascript postcss webpack

Last synced: 22 Nov 2024

https://github.com/thiagoow/paintcalculator-react-js-redux-tailwind

Projeto desenvolvido com React.js, Redux Toolkit & estilizacões com Tailwind + PostCSS & autoprefixer. Juntamente com as libs "react-redux" e "Iconify/react".

autoprefixer code-challenge digital-republic iconify postcss react-js reactjs tailwind tailwind-css tailwindcss

Last synced: 21 Nov 2024

https://github.com/fsmaiorano/aspnetcore-with-typescript-scss

:computer: This project is a quick boilerplate for user ASPNET Core with Typescript and SCSS without gulp or grunt for transpiling archives.

aspnet-core autoprefixer netcore node-sass npm-scripts postcss postcss-cli scss typescript

Last synced: 02 Dec 2024

https://github.com/devbyray/raymonschouwenaar-blog

RaymonSchouwenaar.nl blog

asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack

Last synced: 13 Nov 2024

https://github.com/melhosseiny/vue-starter-kit

Starter kit for Vue 2 projects

babel jest postcss vue vuerouter vuex webpack

Last synced: 22 Nov 2024

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

https://github.com/aholachek/basic-postcss-setup

A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general

postcss shoelacecss starter-template

Last synced: 09 Nov 2024

https://github.com/a-x-/postcss-global-nested

Wrap styles into a :global like postcss-nested does it for usual selectors

postcss postcss-nested postcss-plugin

Last synced: 11 Oct 2024

https://github.com/luncheon/isaaccss

Inline-Style-as-a-Class CSS engine

atomic-css css css-framework css-generator css-in-js css-utilities inline-css inline-styles open-props postcss tailwindcss utility-classes windicss

Last synced: 19 Dec 2024

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

https://github.com/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 28 Sep 2024

https://github.com/premierstacks/.github

Welcome to the Premierstacks GitHub organization! In this document, I'll explain what Premierstacks is, what it offers, and how you can gain access to proprietary development stacks and templates. You’ll also find a brief introduction about me, Tomáš Chochola, the creator of Premierstacks.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack

Last synced: 15 Dec 2024

https://github.com/cyruskabir/testimonial-page-html-css-

This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...

css devchallengesio html postcss vite

Last synced: 27 Dec 2024

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

Halo Insurance Website by Next.js

eslint insurance nextjs postcss reactjs tailwindcss

Last synced: 09 Nov 2024

https://github.com/mariannav/success

ci-cd gulp js linters postcss pugjs

Last synced: 26 Dec 2024

https://github.com/tulepbergenov/my-gulp

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 19 Dec 2024

https://github.com/tomchochola/node-webpack-typescript-app-template

The Node Webpack TypeScript App Template provides a complete starting point for developing Node.js applications using TypeScript and Webpack. With pre-configured setups for TypeScript compilation, code quality tools, and efficient build processes, this template ensures your Node.js projects are scalable, maintainable, and optimized from the start.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 31 Dec 2024

https://github.com/thenamevishnu/night-owl-client

(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.

axios css eslint jwt-authentication postcss reactjs tailwindcss vite

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

https://github.com/keidrun/boilerplate-react

Boilerplate of React with Webpack.

boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2

Last synced: 23 Nov 2024

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

https://github.com/mrmartineau/zander-react-contentful

jest postcss react redux

Last synced: 30 Dec 2024

https://github.com/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.

css postcss react styled-components styled-jsx typescript

Last synced: 26 Dec 2024

https://github.com/everproof/blueq-react-boilerplate

BlueQ's React App boilerplate

babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2

Last synced: 30 Sep 2024

https://github.com/tolking/postcss-flex-alias

PostCSS plugin easily write flex

flex plugin postcss postcss-flex-alias

Last synced: 27 Dec 2024

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 25 Nov 2024

https://github.com/arden-rh/shelf-control

A web app for managing your personal library

firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite

Last synced: 11 Oct 2024

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 25 Nov 2024

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 26 Dec 2024

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/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/daveinchy/simple-react-template

This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable

css postcss react tailwindcss webpack

Last synced: 02 Jan 2025

https://github.com/kimulaco/postcss-amp-custom

PostCSS plugin to optimize CSS source for AMP HTML.

amp amp-html postcss

Last synced: 03 Jan 2025

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

https://github.com/puku0x/angularjs-onsenui2-webpack2

AngularJS + Onsen UI 2 + Webpack2 + PhoneGap + ES2017 + SCSS/cssnext のサンプル

angular angularjs cssnext es2017 hybrid-apps onsen-ui phonegap postcss scss webpack2 yarn

Last synced: 18 Nov 2024

https://github.com/mohamedsamara/react-ssr-app

:star: React Application with Server Side Rendering

babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox

Last synced: 03 Jan 2025

https://github.com/mohamedsamara/react-node-typescript

Fullstack TypeScript Template

node postcss pwa react sass typescript webpack workbox

Last synced: 03 Jan 2025

https://github.com/seniorjoinu/react-frontend-skeleton

Don't waste your time

ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack

Last synced: 16 Nov 2024

https://github.com/winston0410/postcss-sparrow-props-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by properties.

postcss postcss-sparrow

Last synced: 28 Oct 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: 27 Dec 2024

https://github.com/halilatilla/todo-up

Todo-Up

drag-and-drop eslint husky lint-staged nextjs postcss prettier react tailwindcss typescript

Last synced: 22 Nov 2024

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 30 Dec 2024

https://github.com/rafaeldevvv/pokon

Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.

eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/cxspxr/vue-cli-plugin-sugarss

:strawberry: SugarSS support for vue-cli projects

postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack

Last synced: 07 Dec 2024

https://github.com/rqbazan/aimo-challenge

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/sakilk130/nextjs-13-boilerplate

🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS

boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript