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-28 00:23:16 UTC
JSON Representation

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 16 Nov 2024

https://github.com/andreidmt/tpl-react-lib

React library template

babel eslint parcel postcss prettier react riteway tape

Last synced: 01 Jan 2025

https://github.com/hemanthkumarsunkari27/food-website

A visually appealing and user-friendly food website allowing users to browse various food items, view details, and explore recipes or descriptions. Built with HTML, CSS, JavaScript, and bundled with Vite for fast, optimized loading.

css food-website front-end html javascript postcss recipes responsive-design vite web-development

Last synced: 25 Jan 2025

https://github.com/rohits05/ai-shi

autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css

Last synced: 10 Jan 2025

https://github.com/lumenpearson/docs-goodbyedpi-ui

User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.

apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack

Last synced: 11 Oct 2024

https://github.com/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 06 Dec 2024

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 19 Jan 2025

https://github.com/trevonerd/postcss-mixins-css-grid

A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.

css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin

Last synced: 24 Jan 2025

https://github.com/fmanimashaun/yumeats

YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.

postcss react tailwindcss

Last synced: 06 Jan 2025

https://github.com/jguddas/jumpstart

Config and boilerplate free dev/build tool.

babel eslint jest less lightscript postcss sass typescript webpack

Last synced: 23 Jan 2025

https://github.com/amansuryavanshi-1/av-news-stream

AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!

cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api

Last synced: 11 Oct 2024

https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template

ember embroider postcss tailwindcss template

Last synced: 18 Dec 2024

https://github.com/snenenenenenene/tailwind-appuniversum

A component library tailwind-based on the @appuniverse/webuniverse libraries

component-library ember flanders postcss tailwindcss

Last synced: 18 Dec 2024

https://github.com/savvy-css/generator-savvy-css

Yeoman generator for scaffolding out a Savvy module or utility

css css-framework functional-css postcss savvy-css

Last synced: 23 Jan 2025

https://github.com/gustavo-victor/hotel-service-page

ReactJS application of a hotel service page

autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss

Last synced: 01 Jan 2025

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 15 Dec 2024

https://github.com/aryan02420/postcss-themewind

A PostCSS plugin to make theming with TailwindCSS easy and fun

plugin postcss tailwindcss

Last synced: 27 Jan 2025

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 19 Dec 2024

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 20 Dec 2024

https://github.com/zeuz8/redux-tutorial-cart

Embarking on a comprehensive Redux tutorial, this Git repository houses a simple yet powerful shopping cart project. Delve into the intricacies of Redux as we harness its capabilities to manage state efficiently and gain valuable insights into the fundamentals of state management in React applications.

postcss react react-redux redux tailwindcss vite

Last synced: 30 Jan 2025

https://github.com/zeuz8/nextjs-starter

Welcome to the "nextjs-starter" repository! 🚀 This is a comprehensive starter template for kickstarting my Next.js projects. exploring the capabilities of Next.js, this starter provides a solid foundation with best practices in mind.

eslint nextjs nodejs postcss tailwindcss typescript

Last synced: 30 Jan 2025

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Jan 2025

https://github.com/watheia/typed-css

A collection of helper utilities and plugins for working with staticky typed CSS modules

css-modules docusaurus nx postcss spectrum-css webpack

Last synced: 27 Dec 2024

https://github.com/jkiimm/postcss-at-rules-bem

PostCSS plugin for BEM name convention

bem css postcss postcss-plugin

Last synced: 19 Dec 2024

https://github.com/inambe/simple-postcss-webpack-template

Simple webpack project template with PostCSS integrated.

postcss webpack4

Last synced: 06 Dec 2024

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 27 Dec 2024

https://github.com/muasa-harman/online-shopping-app

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.

eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript

Last synced: 19 Dec 2024

https://github.com/margo-yunanova/mesto-project

Mesto - социальная сеть для обмена фотографиями

babel css html javascript oop postcss webpack

Last synced: 21 Jan 2025

https://github.com/cedric-renais/nike

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

next postcss prettier prettier-plugin-tailwindcss tailwind

Last synced: 05 Jan 2025

https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard

This is a solution to the time tracking dashboard challenge on Frontend Mentor

css-custom-properties github-actions postcss react rest-api svg-sprite vite

Last synced: 24 Jan 2025

https://github.com/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 14 Dec 2024

https://github.com/malcolm-kee/webpack-config

A sample React project with flexible webpack config

babel font-awesome postcss react sass typescript webpack

Last synced: 19 Dec 2024

https://github.com/kibria-khandaker/nextjs-pc-builder

It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.

eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment

Last synced: 26 Jan 2025

https://github.com/cushjs/cush-plugin-postcss

CSS plugins for cush

cush cush-plugin postcss

Last synced: 17 Jan 2025

https://github.com/v0-nico/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 19 Dec 2024

https://github.com/thornwalli/devterm-toolbox

devterm postcss remote thermalprinter vite vue

Last synced: 21 Dec 2024

https://github.com/annaindistress/frontend-mentor-clock-app

This is a solution to the clock app challenge on Frontend Mentor

css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi

Last synced: 24 Jan 2025

https://github.com/tricinel/postcss-color-hsla-fallback

PostCSS plugin to transform hsl and hsla to hexadecimal

color color-convert css hsl-color postcss postcss-plugin

Last synced: 25 Dec 2024

https://github.com/krypton225/fourth-portfolio-react

This is just a portfolio for practicing in using React JS and Tailwind CSS.

aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn

Last synced: 25 Dec 2024

https://github.com/stephan-evers/babel-plugin-transform-styl-modules

Transforms "styl" tagged template literals into css modules.

babel css-modules postcss stylus template-literals

Last synced: 19 Dec 2024

https://github.com/yowainwright/postcss-scss

This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.

config css npm-scripts postcss sass scss

Last synced: 01 Jan 2025

https://github.com/annaindistress/frontend-mentor-advice-generator-app

This is a solution to the advice generator app challenge on Frontend Mentor

advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/hazratgs/febox

Сайт студии Febox

javascript postcss react webpack

Last synced: 21 Dec 2024

https://github.com/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 15 Oct 2024

https://github.com/nikolaymakhonin/postcss-js-syntax

For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:

css javascript js json modularity postcss postcss-syntax preprocessor

Last synced: 23 Jan 2025

https://github.com/philipprochazka/web-gallery

A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.

autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath

Last synced: 25 Dec 2024

https://github.com/dkmfzf/webowio

A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied

css gulp html javascript js nodejs postcss stylelint

Last synced: 21 Dec 2024

https://github.com/theiliad/fusebox-1st-try

First attempt @ Fuse-Box 😊

bulma fuse-box postcss typescript uglifyjs

Last synced: 13 Dec 2024

https://github.com/annaindistress/frontend-mentor-results-summary

This is a solution to the results summary challenge on Frontend Mentor

css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/iamkhan21/svelte-typescript-vite-template

A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.

netlify postcss svelte sveltejs template typescript vite

Last synced: 23 Jan 2025

https://github.com/atomicojs/example-tailwindcss

atomico postcss tailwindcss webcomponents

Last synced: 26 Dec 2024

https://github.com/othytenk/xutul-landing-page

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/alexandremasy/postcss-salt-typography-parser

Salt - Typography Parser utility

postcss postcss-plugin salt

Last synced: 26 Dec 2024

https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website

This is a solution to the scoot multi-page website challenge on Frontend Mentor

css-custom-properties github-actions html postcss svg-sprite vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/ohmrr/senior-slideshow

A carousel of senior portraits made for my high school.

nodejs postcss tailwind typescript

Last synced: 26 Dec 2024

https://github.com/annaindistress/frontend-mentor-project-tracking-intro

This is a solution to the project tracking intro component challenge on Frontend Mentor

css-custom-properties github-actions html postcss tailwind-css vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/ryan-dorman/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 06 Jan 2025

https://github.com/michaelschwobe/wordpress-theme-gulp-boilerplate

Drop-in Gulp tasks for WordPress theme development.

babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress

Last synced: 26 Dec 2024

https://github.com/vcjpierre/tails

A simple landing page Tailwind CSS + Snowpack starter

landing-page postcss snowpack tailwindcss

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

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

https://github.com/davismz09/proyecto-grado-angie-flores

Página estática referente al proyecto de grado de Angie Flores

autofixer gh-pages js postcss react swiper-js tailwindcss

Last synced: 10 Jan 2025

https://github.com/gogo200202/next-portfolio

Portfolio build with next js

github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite

Last synced: 11 Oct 2024

https://github.com/annaindistress/frontend-mentor-news-homepage

This is a solution to the news homepage challenge on Frontend Mentor

css-custom-properties gulp html postcss vanilla-js

Last synced: 24 Jan 2025

https://github.com/condesaheki/cmb

A Svelte-based web app to provide an interactive platform for cmb community

autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript

Last synced: 28 Jan 2025

https://github.com/annaindistress/frontend-mentor-3-column-preview-card-component

This is a solution to the 3-column preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Jan 2025

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 19 Jan 2025

https://github.com/niallobrien/asset-pipeline-tailwind

Drop-in asset pipeline for TailwindCSS

asset-pipeline cssnext es2015 jquery laravel-mix postcss tailwindcss webpack

Last synced: 10 Jan 2025

https://github.com/sthzg/codesandbox-tailwind-playground

Tailwind playgound running locally and on codesandbox.io.

csa-template hmr playground postcss snowpack tailwindcss

Last synced: 27 Jan 2025

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 27 Dec 2024

https://github.com/jeffubayi/nyumba

An App that offers arrangements for homestays similar to Airbnb.com

mockup postcss tailwindcss

Last synced: 20 Jan 2025

https://github.com/avigoldman/postcss-colornames-to-hex

PostCSS plugin to convert color names to hexadecimal values

colornames colors hexidecimal plugin postcss

Last synced: 19 Jan 2025

https://github.com/sagorranait/fronted-test-task

I converted the Figma design into clean, well-structured code, implementing the design elements and front-end functionality while ensuring cross-browser compatibility and responsiveness.

css globals html html-css-javascript javascript postcss react-dom reactjs tailwindcss vite

Last synced: 20 Dec 2024

https://github.com/connectkushal/cssnotes

Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite

Last synced: 06 Dec 2024

https://github.com/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 14 Dec 2024

https://github.com/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 03 Jan 2025

https://github.com/ahmadkdev/vite-vanilla-starter

A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.

boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web

Last synced: 03 Jan 2025

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 20 Dec 2024

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 20 Dec 2024

https://github.com/khronosleung/postcss-iconfont

基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标

postcss postcss-plugin

Last synced: 20 Jan 2025

https://github.com/leomssilva/cineflix

:clapper: :computer: :iphone: This project is about a website that lists movies.

autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite

Last synced: 31 Dec 2024

https://github.com/lasalefamine/chrome-ext-boilerplate

Chrome extension boilerplate with Webpack and PostCSS ready.

boilerplate chrome-extension postcss webpack

Last synced: 28 Jan 2025

https://github.com/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 28 Jan 2025

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app