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/tycrek/express-postcss
Express.js middleware for on-demand PostCSS compiling
express-middleware jit postcss
Last synced: 20 Nov 2024
https://github.com/songsterr/postcss-sayonara
PostCSS plugin to limit used declarations to a given set
cleanup css limit postcss postcss-plugin
Last synced: 27 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: 21 Jan 2025
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/sparkbox/splinter
🐭 Parse and split SCSS files based on functions and mixins.
Last synced: 13 Jan 2025
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: 28 Nov 2024
https://github.com/best-shot/postcss-plugin-matcher
PostCSS plugin for limit plugins matching
Last synced: 30 Nov 2024
https://github.com/tiagom13/pokedex
Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.
axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript
Last synced: 04 Dec 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: 21 Dec 2024
https://github.com/kanopi/kanopi-pack
Consolidated package management and configuration profiles for Webpack based projects
do-not-archive eslint internal-tool postcss stylelint webpack
Last synced: 13 Dec 2024
https://github.com/akellbl4/introduction-to-nextjs
Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them
bootstrap examples nextjs nextjs-example postcss styled-jsx vercel
Last synced: 19 Dec 2024
https://github.com/lamualfa/postcss-minion
Using PostCSS as Minion Extractor
minion minion-extractor postcss postcss-plugin
Last synced: 01 Jan 2025
https://github.com/noviel/webpack-features
Configure webpack quickly and without pain
bundle css-modules postcss presets react typescript webpack webpack-features
Last synced: 28 Nov 2024
https://github.com/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 Jan 2025
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/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 19 Dec 2024
https://github.com/maybemonad/vite-lib-starter
postcss react tailwindcss typescript
Last synced: 13 Jan 2025
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: 25 Jan 2025
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/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/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/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/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/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/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/voightco/static-site-starter
A boilerplate for building static websites using 11ty
11ty boilerplate eleventy postcss starter-kit static-site static-site-generator
Last synced: 26 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/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/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 23 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: 26 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.
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/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/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/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/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/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/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 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/mitulagr2/phraseshift
A user-friendly transcript editor.
bun jest postcss react tailwindcss transcription typescript
Last synced: 27 Dec 2024
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/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/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/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/francoisromain/system.css
A minimal CSS boilerplate
css grid-system postcss typescale
Last synced: 17 Jan 2025
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/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/sohanemon/dragon-news
🚀 postcss, tailwind
combinators css firebase-auth postcss react react-hot-toast tailwindcss
Last synced: 15 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/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/glauberramos/travel-planner
Simple website to create travel plans
cssmodules express nodejs postcss react redux sequelize
Last synced: 06 Dec 2024
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/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/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 12 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/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/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/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/jamiller619/tachyons.js
Tachyons helper function for JavaScript. Built with PostCSS Modules.
css css-in-js css-modules postcss postcss-modules tachyons tachyons-css
Last synced: 19 Dec 2024
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/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: 01 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/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/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 10 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/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/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/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/birdofpreyru/postcss-icss
PostCSS plugin to process CSS modules and extract tokens
css css-modules javascript modules plugin postcss web
Last synced: 20 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/alex-kinokon/postcss-light-dark
PostCSS implementation of light-dark() function
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/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/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/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/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/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/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/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/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/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
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/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/songsterr/postcss-remove-all-at-rules
PostCSS plugin to remove all of the at-rules
at-rule cleanup css postcss postcss-plugin
Last synced: 12 Jan 2025
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 Jan 2025