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-01-25 00:23:08 UTC
- JSON Representation
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: 28 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/gustavomorinaga/extension-whatsapp
📞 Demo extension for WhatsApp, using SvelteKit
chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web
Last synced: 29 Nov 2024
https://github.com/fsmaiorano/snippets-vault
:computer: Save your own snippets on a mysql server.
bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript
Last synced: 22 Dec 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: 13 Jan 2025
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/aras-ax/postcss-vars-process
PostCSS plugin to extract and replace variables from css, support legal custom format variables
css-variables extract extract-values postcss
Last synced: 05 Nov 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/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/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/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/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/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/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/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/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/calvinkarundu/cssqueeze
A CLI wrapper for cssnano
cli css cssnano minify optimization optimize-css-files postcss
Last synced: 27 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/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 10 Jan 2025
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/saabbir/fictional-travel-site
A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
Last synced: 13 Jan 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/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 13 Jan 2025
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: 05 Jan 2025
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/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: 18 Jan 2025
https://github.com/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 12 Jan 2025
https://github.com/pomeluce/meagle-vue
Scaffolding for rapid front and back development based on vue naive-ui pinia typescript
meagle mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3
Last synced: 24 Jan 2025
https://github.com/premierstacks/postcss-stack
The PostCSS Stack is a pre-configured set of PostCSS configurations designed to streamline CSS transformations for projects of any scale. Whether you’re using PostCSS directly through the command line or integrating it into a build tool like Webpack, this stack offers an optimized setup that works seamlessly in multiple environments.
nodejs postcss premierstacks stack tomchochola webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/webpack-stack
The Webpack Stack offers a collection of ready-to-use configurations for building, bundling, and optimizing JavaScript, TypeScript, and React applications. It provides pre-configured setups designed for both browser and Node.js environments, allowing you to quickly get started with complex Webpack projects without spending time on configuration.
javascript nodejs postcss premierstacks react stack tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/node-webpack-typescript-library-template
The Node Webpack TypeScript Library Template is an optimized starting point for developing TypeScript-based libraries in a Node.js environment. With built-in configurations for Webpack, TypeScript, ESLint, and Prettier, this template helps streamline the development process and ensures consistent code quality and performance.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/browser-webpack-typescript-app-template
The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 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/premierstacks/browser-webpack-typescript-react-app-template
The Browser Webpack TypeScript React App Template offers a complete foundation for developing modern browser-based applications with TypeScript, React, and Webpack. Featuring pre-configured setups for React components, TypeScript, and asset optimization, this template streamlines your development workflow while ensuring clean and maintainable code.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/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: 24 Jan 2025
https://github.com/jorgeatgu/postcss-congresoweb
:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web
Last synced: 06 Jan 2025
https://github.com/pokedotdev/my-gallery-devchallenge
Devchallenges.io challenge made with React and Tailwindcss
Last synced: 30 Nov 2024
https://github.com/saionaro/postcss-transform-pxvw
The postcss plugin which allows using pixels for responsive layouts
css postcss postcss-plugin responsive
Last synced: 30 Nov 2024
https://github.com/ricardobalk/ricardo.nu
My personal link redirection website, kinda like Linktree, but free (libre) and open source.
allmylinks hacktoberfest hacktoberfest2022 linktree nuxt3 postcss remix tailwindcss typescript vite vue3
Last synced: 12 Jan 2025
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: 12 Jan 2025
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: 12 Jan 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: 17 Dec 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: 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
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: 11 Jan 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/chenycl/react-pro
react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css
antd classnames hooks mock postcss react react-redux react-router-dom sass
Last synced: 11 Jan 2025
https://github.com/vedhatech002/we-cook
a food delivery like app, it shows restarunts list based on location. using swiggy API
food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss
Last synced: 04 Jan 2025
https://github.com/vinks/redux-ultimate-ssr
A complex starter react boilerplate for an universal web application with express api backend and server side render.
axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2
Last synced: 11 Jan 2025
https://github.com/lifeisbeautifu1/modern-react-app
A modern React app (early 2025 edition)
babel browserslist cicd codecoverage eslint netlify-deployment playwright postcss prettier react react-router react-starter stylelint tailwindcss typescript vite vitest
Last synced: 11 Jan 2025
https://github.com/fylgja/examples
Functional examples for using Fylgja with popular tools and frameworks.
fylgja parceljs postcss scss vite webpack webpack-encore
Last synced: 30 Nov 2024
https://github.com/tzachbon/css.jsx
Write your CSS like JSX
babel css css-framework jsx postcss react tsx
Last synced: 23 Jan 2025
https://github.com/francoisromain/system.css
A minimal CSS boilerplate
css grid-system postcss typescale
Last synced: 17 Jan 2025
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/chubi-x/sorta-frontend
React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks
bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript
Last synced: 13 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/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/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/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/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/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/dopaminedriven/next-portfolio
developer/engineer facing portfolio
customization font-awesome icons nextjs patching postcss postinstall react static-site-generator tailwindcss typescript vercel
Last synced: 21 Jan 2025
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: 13 Jan 2025
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: 13 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/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/mohamedsamara/react-node-typescript
Fullstack TypeScript Template
node postcss pwa react sass typescript webpack workbox
Last synced: 03 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/kimulaco/postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML.
Last synced: 03 Jan 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/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/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/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/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/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/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/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/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 07 Dec 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/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/sohanemon/dragon-news
🚀 postcss, tailwind
combinators css firebase-auth postcss react react-hot-toast tailwindcss
Last synced: 15 Jan 2025
https://github.com/danielbayley/atom-source-preview-postcss
:atom: @Atom source-preview provider for @PostCSS.
apm atom coffeescript css editor package plugin postcss preprocessor preview source
Last synced: 19 Dec 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/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 19 Dec 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/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/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/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/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: 06 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/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
