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-23 00:19:55 UTC
JSON Representation

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

Last synced: 11 Oct 2024

https://github.com/beraliv/tda-mz-netlify-cms

Netlify CMS + Netlify + React

material-ui netlify netlify-cms postcss react react-helmet

Last synced: 25 Nov 2024

https://github.com/yakovlev-alexey/next-pcss

Import global `.pcss` files in your Next.js project.

next nextjs pcss postcss

Last synced: 18 Dec 2024

https://github.com/jeromewolff/portfolio

Simple portfolio page hosted on Vercel

node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment

Last synced: 25 Nov 2024

https://github.com/vandodev/ignite-tailwind

Conteúdo do ignite Masterizando o tailwind, criando uma UI de dashboard com Next

ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css

Last synced: 07 Dec 2024

https://github.com/vandodev/gerenciador-de-habitos

Gerenciador de hábitos com Next

eslint nextjs postcss tailwindcss typescript vercel-kv

Last synced: 07 Dec 2024

https://github.com/nathaliaveneziano/rocketseat-ignite-lab-react-2

Projeto de uma plataforma de aulas com cadastro realizado no Ignite 02 da Rocketseat.

apollo graphql javascript postcss tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/agbortoko/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

Last synced: 27 Dec 2024

https://github.com/krypton225/manage-landing-page

This is just a training in Front End Mentor website.

css3 frontend-mentor html5 postcss pugjs webpack

Last synced: 26 Dec 2024

https://github.com/chrisnajman/one-page-site-template

One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

accessibility babel-es6 html-css-javascript postcss scss webpack

Last synced: 21 Jan 2025

https://github.com/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 27 Dec 2024

https://github.com/zhanba/react-starter

yet another react starter based on webpack, babel, postcss

babel eslint postcss react webpack2

Last synced: 25 Nov 2024

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 Nov 2024

https://github.com/oleg-kuzmin/mesto-project

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.

api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack

Last synced: 27 Dec 2024

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

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 03 Jan 2025

https://github.com/apis/go-htmx-post-css-example

Example CRUD Web application written in Go, HTMX, PostCSS

go-template golang htmx postcss vite

Last synced: 22 Dec 2024

https://github.com/zhangwei900808/hiynn-layout

海云页面布局组件

npm postcss react rollup

Last synced: 07 Dec 2024

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

A Lightweight & Highly-Composable Modular CSS Framework

css css-framework echobind functional-css postcss savvy-css

Last synced: 07 Dec 2024

https://github.com/vcolesdev/docker-next

Submodule to docker-create-next-app. The nextJS app that is generated when create-next-app is run.

create-next-app docker docker-compose nextjs postcss submodule tailwindcss typescript

Last synced: 01 Dec 2024

https://github.com/wonderstk/multi-step-form

This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.

context-api javascript postcss react tailwindcss

Last synced: 01 Dec 2024

https://github.com/winston0410/postcss-sparrow-units-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by units.

postcss postcss-sparrow

Last synced: 15 Dec 2024

https://github.com/p-chan/rr-sk

Riot-Rollup-Starterkit

postcss riot rollup

Last synced: 15 Dec 2024

https://github.com/chrisnajman/webpack5-basic-setup

Basic Webpack 5 Setup

babel dart-sass html-css-javascript postcss svg-sprites webpack5

Last synced: 21 Jan 2025

https://github.com/chrisnajman/frontend-practice-project-webpack-5

A page built from the Abstract Project design at Frontend Practice using Webpack 5

babel dart-sass html-css-javascript json postcss svg-sprites webpack5

Last synced: 21 Jan 2025

https://github.com/fmanimashaun/netflix-clone

This is a clone of the netflix website. It is built using react and styled using tailwindcss.

axios firebase postcss react react-router redux-tt tailwindcss

Last synced: 06 Jan 2025

https://github.com/keidrun/boilerplate-webpack-es6-postcss

Boilerplate of a simple website using es6 and postcss with webpack.

boilerplate css css3 es6 javascript postcss webpack webpack3

Last synced: 23 Jan 2025

https://github.com/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 23 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/straw-hat-team/nextjs-starter-kit

Our NextJS starter kit project

nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss

Last synced: 01 Dec 2024

https://github.com/silvestrevivo/webpack4-starter

React starter boilerplate built with WebPack4. It contains some improvements respect the previous version, as weel as optimalizations got from the Parcel Starter respository.

babel classnames enzime eslint hot-reload html javascript jest postcss prettier prettier-eslint reactjs redux sass scss webpack4 webpack4boilerplate webpack4starter yarn

Last synced: 25 Nov 2024

https://github.com/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: 01 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/paalamugan/single-spa-webpack-config-react-ts

Default predefined webpack configuration for single-spa with react and typescript

postcss react scss single-spa single-spa-config tailwindcss-config webpack

Last synced: 20 Jan 2025

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 25 Nov 2024

https://github.com/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

css-vars css-vars-fallback postcss postcss-plugin

Last synced: 22 Dec 2024

https://github.com/eliasjuk/palpitebox

✔️ PalpiteBox

api google-api javascript nextjs nodejs postcss react tailwindcss

Last synced: 07 Jan 2025

https://github.com/milliorn/true-hope-tutoring

Landing page for True Hope 4 Success Tutoring

academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development

Last synced: 12 Jan 2025

https://github.com/vvaldesc/shadcn_aceternity_ui_practice

Little Vite React Interface using external front-end libraries

aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite

Last synced: 05 Jan 2025

https://github.com/vlasmn/zhenyavlasov.com

11ty nunjucks postcss

Last synced: 26 Nov 2024

https://github.com/agneym/react-app

React App Webpack 4 Configuration.

boilderplate build-tools eslint minifies postcss prettier react webpack

Last synced: 29 Dec 2024

https://github.com/mishantrop/elenapisarenko

Portfolio website for artist elenapisarenko.ru

nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website

Last synced: 21 Dec 2024

https://github.com/dangvanthanh/web-boilerplate

Boilerplate for front end projects

babel boilerplate nunjucks postcss rollup

Last synced: 14 Jan 2025

https://github.com/asyncbanana/asyncbanana.github.io

My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel

parcel-bundler personal-website postcss

Last synced: 08 Jan 2025

https://github.com/hmontarroyos/quiz_javascript

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura

alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components

Last synced: 15 Dec 2024

https://github.com/cgutwin/frontendmentor

My completions of the Frontend Mentor projects.

css3 frontend frontend-mentor html5 postcss

Last synced: 14 Jan 2025

https://github.com/elchininet/postcss-rtlcss-less-and-sass

Webpack configuration to use postcss-rtlcss with less and sass

css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass

Last synced: 20 Jan 2025

https://github.com/byteboomers/byteboomers-ui

Byteboomers UI

postcss ui

Last synced: 20 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: 27 Nov 2024

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 22 Dec 2024

https://github.com/yash-jivani/ens-cryptoweb

Real-time trading status for the top Cryptocurrency

api css cyptocurrency html javascipt livedata postcss react tailwindcss

Last synced: 22 Dec 2024

https://github.com/yash-jivani/bookmarkweb

Bookmark website UI

css html node npm postcss tailwindcss

Last synced: 22 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/mouhametnd/ecommerce-product

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs html javascript localstorage postcss scss

Last synced: 17 Jan 2025

https://github.com/ntonbala/signup-module

Syntech Test Task

classnames gsap jest postcss react-redux react-router-v5 react-select react-transition-group react-v16 red redux redux-form

Last synced: 27 Nov 2024

https://github.com/sonvice/easybank

Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass

html5 javascript postcss react sass vite

Last synced: 06 Jan 2025

https://github.com/juborajsujon/fix-nexus-client

FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.

autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss

Last synced: 08 Dec 2024

https://github.com/mrhidalgo/vanillajavascript

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.

bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs

Last synced: 08 Dec 2024

https://github.com/juborajsujon/textile-art-client

Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.

animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite

Last synced: 08 Dec 2024

https://github.com/adam014/inspirobot

InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.

javascript mongodb mongoose nextjs postcss react tailwindcss

Last synced: 05 Jan 2025

https://github.com/samuelribeiroo/lunnaris

A modern landing page for AI-based software as as service.

framer-motion lucide-icons next-14 postcss tailwindcss

Last synced: 28 Nov 2024

https://github.com/oliverfindl/webpack-vue-boilerplate

Simple boilerplate for building Vue app with Webpack.

autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox

Last synced: 14 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/amansuryavanshi-1/namaste_react

Namaste React live course By Akshay Saini.

emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel

Last synced: 21 Jan 2025

https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

parcel postcss preact tailwind tutorials typescript

Last synced: 29 Nov 2024

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: 29 Nov 2024

https://github.com/denis-axenov/webpack-typescript-boilerplate

🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.

autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5

Last synced: 08 Dec 2024

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/ulyanov-programmer/scott

The multi-page website with scrolling animations.

css gulp html js pcss postcss site smacss ts yarn

Last synced: 18 Jan 2025

https://github.com/rmoongit/cryptonomicon

#app cryptonomicon - курс валюты монет и вывод графы

api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket

Last synced: 27 Dec 2024

https://github.com/slhsxcmy/postcss-split-selectors

css npm postcss postcss-plugin

Last synced: 14 Jan 2025

https://github.com/blackoutseeker/felips-rfe

My Final Internship Report in website format

eslint nextjs postcss prettier reactjs tailwindcss typescript

Last synced: 28 Nov 2024

https://github.com/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 27 Dec 2024

https://github.com/fsmaiorano/entity-frameworkcore-boilerplate

:computer: A boilerplate to configure a Entity FrameworkCore correctly.

csharp entity-framework-core migrations netcore2 node-sass npm-scripts postcss

Last synced: 22 Dec 2024

https://github.com/earth-hominid/seeds-inventory-catalog

An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS

expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs

Last synced: 26 Dec 2024

https://github.com/neetjn/metatube-landing

Landing page for metatube project using Riot.js 4 and Tailwind CSS.

css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube

Last synced: 15 Dec 2024

https://github.com/andreivictor/webpack-starter

A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 02 Dec 2024

https://github.com/krypton225/multi-step-form

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli

Last synced: 26 Dec 2024

https://github.com/coder-abdo/multi-forms

multi-form project

babel7 es6 postcss react-hooks react-icons reactjs webpack4

Last synced: 14 Jan 2025

https://github.com/paxperscientiam/webdev-proxy-server

BrowserSync + node-sass + postcss = webdev-proxy-server

browser-sync cache node-sass pdf postcss sass

Last synced: 21 Dec 2024

https://github.com/marlon-couto/bootstrap-vanillajs-starter

Um template para desenvolvimento de sites rapidamente.

handlebars html javascript postcss sass vite

Last synced: 22 Dec 2024

https://github.com/marlon-couto/marlon-couto.github.io

Meu portfólio pessoal criado com Astro, TypeScript e Bootstrap.

astro autoprefixer bootstrap developer-portfolio postcss scss typescript

Last synced: 22 Dec 2024

https://github.com/damir-sijakovic/gulp_postcss

Gulp, PostCSS and BrowserSync Example

browsersync gulp postcss

Last synced: 02 Dec 2024

https://github.com/abhich21/memory-game

a basic number pair memory game

postcss react-dom reactjs tailwindcss vitejs

Last synced: 03 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: 28 Nov 2024

https://github.com/edixonalberto/template-sass

Template for creating websites using Sass

autoprefixer html portfolio postcss sass sass-autoprefixer template

Last synced: 17 Jan 2025

https://github.com/devbluecomet/quiz-game

A quiz/trivia game with different modes and categories that you can select, as well as wildcards to help you. The questions are generated by artificial intelligence using the Cohere API.

eslint javascript postcss react tailwindcss

Last synced: 02 Dec 2024

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