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/goulvenclech/goulvenclech_11_02082021
Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.
jest postcss react spa tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/pronoia9/weavio
Dive into meaningful discussions and trendsetting ideas with Weavio, your digital hub for vibrant conversations. Inspired by Threads, Weavio offers a dynamic platform where users engage, inspire, and connect.
autoprefixer clerk clsx css html javascript mongodb mongoose nextjs postcss radix-ui react shadcn svix tailwindcss tailwindcss-animate typescript uploadthing zod
Last synced: 24 Jan 2025
https://github.com/nju33/yosuga
CSS styleguide generator
css generator less nuxt postcss sass styleguide stylus
Last synced: 12 Feb 2025
https://github.com/songsterr/postcss-unwrap-mq
PostCSS plugin to extract matched media queries to their parents
css media-query postcss postcss-plugin unwrap
Last synced: 12 Jan 2025
https://github.com/asbhogal/react-fun-facts-project
A simple 'React Facts' page 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 javascript postcss react scrimba scrimba-react scss webpack
Last synced: 21 Jan 2025
https://github.com/zamotany/tailwind-ts-gen
Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.
autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript
Last synced: 12 Feb 2025
https://github.com/matan3sh/shopifynext
A modular e-commerce client integrated with shopify as management content system
css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript
Last synced: 24 Jan 2025
https://github.com/hrfmmymt/resume
Japanese style resume built with HTML. 履歴書.html
autoprefixer browsersync html postcss resume stylefmt stylelint svg
Last synced: 17 Jan 2025
https://github.com/hesiod3c/react-universal
React Universal UI (in development)
java javascript objective-c postcss python react react-native reactiveui redux
Last synced: 09 Feb 2025
https://github.com/stuymedova/svelte-scss
[DEMO] Getting to know SCSS
autoprefixer carbon-design-system postcss sass scss svelte
Last synced: 09 Jan 2025
https://github.com/undistraction/webpack-boilerplate
Boilerplate project for using Webpack with ES6 and React
babel boilerplate javascript postcss react webpack
Last synced: 31 Jan 2025
https://github.com/patrickxchong/patrickxchong.com
Personal website of Patrick Chong
alpinejs eleventy postcss tailwindcss
Last synced: 14 Feb 2025
https://github.com/best-shot/postcss-plugin-matcher
PostCSS plugin for limit plugins matching
Last synced: 29 Jan 2025
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: 12 Feb 2025
https://github.com/albertfdp/boilerplate
🎩 Personal opinionated boilerplate for web apps
babel boilerplate css-modules jest postcss react unexpected webpack
Last synced: 31 Dec 2024
https://github.com/ioriens/postcss-wxss
PostCSS plugin to transpile wxss or acss..
minapp postcss postcss-plugins transpiler wxss
Last synced: 17 Nov 2024
https://github.com/thoughtbit/postcss-simple-reset
:cyclone: PostCSS插件，全局样式的重置，以及单个元素的常用属性重置功能。
Last synced: 07 Feb 2025
https://github.com/fourjuaneight/docker-hugo-postcss
👷🏽♂️ Docker base image that includes Hugo, npm, and PostCSS.
Last synced: 21 Jan 2025
https://github.com/victor-casta/castadev.me
This project showcases my personal portfolio, a window into my journey in the world of development. Here you'll find a collection of projects that reflect my passion and skills in the technology field. Explore, discover, and connect! ✨
astro postcss prettier tailwindcss
Last synced: 18 Nov 2024
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/ir3ne/vite-ts-tailwind-starter
🛸 A ready to go Vite starter with TypeScript and Tailwind
javascript postcss tailwind tailwindcss typescript vitejs
Last synced: 09 Feb 2025
https://github.com/omnious/omnious-web-utils
Web utils for omnious.
css javascript postcss react typescript
Last synced: 29 Jan 2025
https://github.com/hungpm372/nextjs-boilerplate
Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript
Last synced: 12 Oct 2024
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/emilbayes/css-pipeline
My personal PostCSS based CSS pipeline
Last synced: 05 Feb 2025
https://github.com/rasulwebs/mongodb-starter
First step integrated using Atlas platform using MongoDB database through Vercel. This makes FullStack projects easier and more convenient.
atlas css dotenv mongodb next nextauth postcss react tailwindcss typescript vercel
Last synced: 12 Feb 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/franekstein/react-ts-starter
Modern React & Typescript boilerplate.
cssmodules postcss react sass typescript webpack
Last synced: 26 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: 10 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/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/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/braswelljr/hit
Hive Institute Website
autoprefixer nextjs postcss react tailwindcss vercel
Last synced: 08 Feb 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/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/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: 08 Feb 2025
https://github.com/neurosnap/postcss-scale-media-query
Scale media query `-width` by some percentage
media-query postcss postcss-plugin scale
Last synced: 08 Feb 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: 12 Feb 2025
https://github.com/melhosseiny/get-rhythm
PostCSS plugin to generate vertical rhythm using a modular typographic scale
Last synced: 23 Jan 2025
https://github.com/jgarber623/eleventy-plugin-postcss
An Eleventy plugin for processing CSS files with PostCSS.
11ty 11ty-plugin eleventy eleventy-plugin postcss
Last synced: 08 Feb 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: 08 Feb 2025
https://github.com/lunanezha/gc-capital-framer
It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.
finance headlessui motion nextjs postcss react responsive tailwindcss typescript
Last synced: 10 Feb 2025
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/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 01 Feb 2025
https://github.com/osamamammar/gui-rock-paper-scissor
JS practice project from (The Odin Project). rock paper scissor GUI
css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject
Last synced: 01 Feb 2025
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 01 Feb 2025
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/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: 29 Jan 2025
https://github.com/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 12 Feb 2025
https://github.com/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 09 Feb 2025
https://github.com/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 13 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/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 09 Jan 2025
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 07 Feb 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/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/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 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/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 12 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/biril/modcss
Modular CSS with postCSS and npm scripts
css css-modules example npm-scripts postcss tutorial
Last synced: 07 Feb 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/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 13 Feb 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/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/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/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/joyontokarmakar/tailwind-css-starter-pack
postcss starter-pack tailwindcss
Last synced: 31 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/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/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 09 Feb 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/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 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/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/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/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/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/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/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 10 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/timscodebase/design-tim
This is my personal website.
html-css-javascript postcss svelte sveltekit typescript
Last synced: 02 Dec 2024
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/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/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/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/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