Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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-14 00:19:16 UTC
- JSON Representation
https://github.com/rqbazan/aimo-challenge
Solution for the AIMO challenge 🤓
github-api nextjs postcss tailwindcss typescript
Last synced: 06 Feb 2025
https://github.com/nju33/postcss-octicon
Postcss plugin for octicons
base64 icons octicon postcss postcss-plugin svg
Last synced: 23 Jan 2025
https://github.com/keqingrong/postcss-font-family-correction
A PostCSS plugin to correct font-family values
Last synced: 09 Feb 2025
https://github.com/davidwarrington/postcss-responsive-classes
Generate responsive class variants with responsive at-rule
Last synced: 13 Feb 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/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 03 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/roblav96/tns-template-vue
NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.
nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack
Last synced: 12 Feb 2025
https://github.com/bntzio/reaction
A super simple yet powerful react + redux boilerplate
babel boilerplate eslint karma mocha postcss react redux webpack
Last synced: 20 Feb 2025
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 15 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: 18 Feb 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/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/danieledefoe/cvv-app
CVV application for creating beautiful resumes
css3 cvv es6-modules javascript postcss react react-hooks resume-builder tailwindcss theodinproject vite
Last synced: 19 Feb 2025
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: 09 Feb 2025
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: 09 Feb 2025
https://github.com/tharunoptimus/super-slow-portfolio
A cool looking ultra slow portfolio - manual deploy
emailjs framer-motion maath postcss react react-three tailwindcss threejs vite
Last synced: 09 Jan 2025
https://github.com/pchalupa/custom-elements-kickoff
Custom elements kickoff template.
eslint javascript jest jsdoc postcss stylelint
Last synced: 14 Feb 2025
https://github.com/winston0410/postcss-sparrow-props-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by properties.
Last synced: 28 Oct 2024
https://github.com/chandraprakash-bathula/hunger-bites-restaurant_app
A React.JS Application with live API data from SWIGGY.
babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss
Last synced: 09 Feb 2025
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: 10 Feb 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/erkobridee/vite-react-ts
first contact using the Vite.js, TS, React, PostCSS and TailwindCSS
postcss react tailwindcss template typescript vitejs
Last synced: 18 Jan 2025
https://github.com/tshasan/tshasan.com
A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.
daisyui pnpm postcss sveltekit tailwind-css vite
Last synced: 11 Feb 2025
https://github.com/mauroreisvieira/preact-tailwind
Preact + Tailwind start project.
Last synced: 15 Feb 2025
https://github.com/dimitrinicolas/ava-postcss-tester
Simply test your PostCSS plugin with AVA
ava postcss test testing-tools
Last synced: 20 Feb 2025
https://github.com/vymalo/api-watcher-ui
UI App for the SMS API Watcher, a Stub server for APIs
cssnano html html5 javascript openapi openapi3 postcss prettier react react-router reactjs redux-toolkit rtk-query scss socket-io tailwindcss toolkit typescript websocket
Last synced: 23 Jan 2025
https://github.com/macx/vite-starterkit
Starterkit using Vite with pre-configured Sass and Post-CSS
Last synced: 20 Jan 2025
https://github.com/eckelon/astral-initializer
Boilerplate for creating a webapp using the astral framework, created by @jorgeATGU
astral boilerplate css initializer node postcss web
Last synced: 23 Jan 2025
https://github.com/ghaerdi/ghaerdi-webpage
ghaerdi's webpage, using vite, vue and typescript.
jest postcss typescript vite vue
Last synced: 05 Feb 2025
https://github.com/ghaerdi/array-algorithms-visualizer
Algorithms visualizer for arrays using vite and vue with typescript
algorithm array postcss typescript vite vue
Last synced: 05 Feb 2025
https://github.com/ezzeddinp/ecommerce-store
Build with NextJs13 App Router
cms mysql postcss prisma-orm react-hot-toast stripe-payments tailwindcss typescript zustand
Last synced: 02 Feb 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/yazeedobaid/my-laravel-setup
My Laravel Project setup
eslint jest laravel laravel-setup postcss tailwindcss vue
Last synced: 19 Feb 2025
https://github.com/abhinav0115/abhinav-anand-portfolio
This is my portfolio website
css html5 javascript lucide-icons nextjs13 postcss reactjs resend-email scrollreveal tailwindcss tyepscript
Last synced: 21 Jan 2025
https://github.com/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
https://github.com/jakesidsmith/watch-less-do-more
Watch less files and their dependency tree for changes & automatically recompile
css dependency-tree less postcss postcss-modules recompile watch watcher
Last synced: 28 Oct 2024
https://github.com/fuckdoctors/my-vue2-elm
基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址:https://github.com/bailicangdu/vue2-elm
code-splitting postcss vue vue-cli vue-router vue2 vuex
Last synced: 06 Feb 2025
https://github.com/amoutonbrady/bmi-app
Demo visible at:
experiment hyperhtml postcss rollup
Last synced: 15 Feb 2025
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 01 Jan 2025
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 05 Jan 2025
https://github.com/pokedotdev/my-gallery-devchallenge
Devchallenges.io challenge made with React and Tailwindcss
Last synced: 29 Jan 2025
https://github.com/karsanda/postcss-indonesian-stylesheets
Write your CSS in Indonesian
bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin
Last synced: 16 Jan 2025
https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de
My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.
11ty eleventy eleventy-website gulp javascript nunjucks postcss
Last synced: 18 Feb 2025
https://github.com/fourjuaneight/docker-hugo-testing
👷🏽♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.
Last synced: 21 Jan 2025
https://github.com/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 09 Feb 2025
https://github.com/tulepbergenov/my-gulp
My gulp build 🛠️
css gulp html javascript nunjucks postcss
Last synced: 12 Feb 2025
https://github.com/gustavomorinaga/extension-whatsapp
📞 Demo extension for WhatsApp, using SvelteKit
chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web
Last synced: 28 Jan 2025
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: 18 Feb 2025
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: 12 Feb 2025
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: 26 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/shrpne/postcss-clear-flex
Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.
Last synced: 04 Feb 2025
https://github.com/msidolphin/postcss-px-to-viewport-units
A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).
postcss postcss-plugin vh viewport-units vmax vmin vw
Last synced: 09 Feb 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/riksev/socialstats
Social media dashboard responsive website
autoprefixer babel browsersync cssnano gulp postcss sass terser theme-switcher
Last synced: 23 Jan 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/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: 13 Jan 2025
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: 17 Feb 2025
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.
Last synced: 03 Jan 2025
https://github.com/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 23 Jan 2025
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/sugarcoat/sugarcoat-example-project
Sugarcoat Example Project
css cssnext documentation jsdoc less library living living-documentation pattern pattern-library postcss sass styleguide
Last synced: 26 Jan 2025
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.
Last synced: 21 Jan 2025
https://github.com/ikram-maulana/webpack-tailwind-boilerplate
🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.
postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind
Last synced: 09 Jan 2025
https://github.com/juunie-roh/setting-up-next
eslint headlessui-react heroicons-react husky jest lint-staged nextjs postcss prettier react-redux react-three-cannon react-three-drei react-three-fiber redux reduxjs-toolkit semantic-release storybook tailwind-css tailwindcss typescript
Last synced: 16 Feb 2025
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: 03 Jan 2025
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: 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/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: 03 Jan 2025
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 Feb 2025
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
Last synced: 29 Jan 2025
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/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 18 Feb 2025
https://github.com/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 04 Jan 2025
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 11 Jan 2025
https://github.com/thenamevishnu/ecommerce
eslint javascript postcss reactjs tailwindcss vitejs
Last synced: 18 Jan 2025
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 18 Jan 2025
https://github.com/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 18 Feb 2025
https://github.com/gstcarv/tailwind-spotify-home
Spotify landing page home clone made with Tailwind CSS, including acessibility optimization
accessibility css javascript postcss responsive spotify tailwind webpack
Last synced: 12 Jan 2025
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 24 Jan 2025
https://github.com/azamat-cto/responsive-sushi-website
Responsive and Cross Browser Sushi website design using React & Typescript
autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite
Last synced: 12 Jan 2025
https://github.com/aliaks-ei/advent-of-javascript
This repository contains implementation of challenges from Advent of Javascript calendar
a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue
Last synced: 30 Jan 2025
https://github.com/milliorn/user-dashboard
Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.
autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript
Last synced: 07 Feb 2025
https://github.com/milliorn/travel-journal
Travel landing page in React using Tailwind.
autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 07 Feb 2025