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

https://github.com/ravesjs/coin-tracker

track your portfolio no-auth

antd atomic-router css-modules effector farfetched feature-sliced-design javascript normalize-css postcss react scss typescript webpack

Last synced: 27 Dec 2024

https://github.com/danielfgray/gulp-boilerplate

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 23 Nov 2024

https://github.com/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 27 Dec 2024

https://github.com/aganglada/aganglada.github.io

Personal website

personal-website postcss yarn

Last synced: 15 Jan 2025

https://github.com/sagorranait/reactjs-gallery-test

Creating a responsive image gallery using React JS

autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss

Last synced: 27 Dec 2024

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 16 Nov 2024

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 17 Nov 2024

https://github.com/givebest/postcss-usage

autoprefixer postcss

Last synced: 22 Dec 2024

https://github.com/vasquez-esteban/next-init

Next 14 Init Project

eslint nextjs14 postcss prettier react tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 07 Dec 2024

https://github.com/code-sensei/nextjs-template

A robust Next.js template to kickstart your web projects. This template includes essential tools and configurations to streamline development.

eslint husky nextjs nextjs13 nextjs14 postcss react reactjs tailwindcss

Last synced: 27 Dec 2024

https://github.com/fluffychi-xing/templatemanage

A management system blue-print template.

element-plus frontend iconfont postcss scss tailwindcss typescript vuejs

Last synced: 27 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/samk-dev/astro-2-starter

Astro.build starter with some opinionated setup

astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 07 Dec 2024

https://github.com/jondotsoy/equip-resources-basestyles

Shared resources for component implementation.

css postcss

Last synced: 27 Nov 2024

https://github.com/azamat-cto/react-ts-starter

autoprefixer browserslist class-variance-authority clsx eslint husky lint-staged node pnpm postcss prettier react tailwind-merge tailwindcss tailwindcss-animate typescript vite

Last synced: 12 Jan 2025

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/frikadellios/astropampers

Astro Static starter website template for Vercel

astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel

Last synced: 12 Jan 2025

https://github.com/duanedave/portfolio-v_1

This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer

accessibility css4 framer-motion postcss react ux-ui

Last synced: 07 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/keyyard/today-notes

Today Notes is a lightweight, daily task management application built using Next.js, React, TailwindCSS, Prisma, and Postgresql - Supabase. It allows users to create tasks that expire in 24 hours, providing a clean and minimalist interface with support for dark and light themes.

eslint next next-auth next-rpc nextauth nextjs node postcss postgresql prisma prisma-orm react react-dom reactjs sql tailwindcss typescript

Last synced: 28 Dec 2024

https://github.com/shgysk8zer0/node-purist

A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS

cssnano cssnext npm npm-package postcss transpiler webpack

Last synced: 07 Dec 2024

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/khronosleung/postcss-iconfont

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

postcss postcss-plugin

Last synced: 19 Nov 2024

https://github.com/solo-steven/rustlycss

css transformer build in rust

css css-generator css-parser postcss postcss-like

Last synced: 16 Nov 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/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/jabranr/react-scripts

Experiment: Improved postcss config in react scripts

create-react-app experiment postcss postcss-config postcss-loader react react-scripts

Last synced: 15 Nov 2024

https://github.com/luizfelipedasilva678/to-do-list-with-pug

Simple To do list made with Pug

postcss pug type vite

Last synced: 16 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/henriquesebastiao/modernizacao-manejo

Front-end para Projeto de Modernização do Manejo.

font-awesome postcss skeleton svelte sveltejs sveltekit tailwindcss typescript

Last synced: 16 Nov 2024

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

Byteboomers UI

postcss ui

Last synced: 20 Dec 2024

https://github.com/darinelguillen/react-vite-shadcn-ui-template

React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.

ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite

Last synced: 30 Nov 2024

https://github.com/jaketrent/test-postcss-import

test postcss-import plugin with esm, conditional exports, webpack5

postcss webpack

Last synced: 23 Nov 2024

https://github.com/vinpac/postcss-modular

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 09 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/saibarathr/react-audio-wave-modern

ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.

audio-visualizer npm postcss reactjs typescript waveform

Last synced: 12 Oct 2024

https://github.com/the-puppet-studios/sveltis

Sveltis is a preset for building modern Svelte applications.

nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript

Last synced: 12 Oct 2024

https://github.com/denisoct/news-homepage

News homepage

mantine-ui nextjs postcss

Last synced: 04 Jan 2025

https://github.com/yuceltoluyag/starter-template

My starter template

autoprefixer browser-sync browserlist cssnano postcss sass

Last synced: 15 Jan 2025

https://github.com/sammyleths/mediplay

MediPlay is the informational website for a gamified medication app for children who need to take medication every day.

autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss

Last synced: 16 Nov 2024

https://github.com/nicolashornero/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 28 Dec 2024

https://github.com/isuke/postcss-ghost-utils

PostCSS plugin to add helper utils for your CSS

css postcss postcss-plugin

Last synced: 28 Dec 2024

https://github.com/denisoct/single-page-developer-portfolio

Single-page developer portfolio

mantine nextjs postcss react

Last synced: 04 Jan 2025

https://github.com/zgreen/postcss-shared-values

A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.

css postcss postcss-plugin

Last synced: 14 Jan 2025

https://github.com/robinck/webpack-starter-kit

Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦

autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack

Last synced: 15 Dec 2024

https://github.com/stardust-configs/postcss-config

Shareable PostCSS config

postcss postcss-config

Last synced: 16 Nov 2024

https://github.com/takayyz/graphql-training

GraphQLの学習用

docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript

Last synced: 27 Dec 2024

https://github.com/cristian-sbardelotto/quizzed

⚡Welcome to Quizzed! Test your knowledge and try our quiz to challenge yourself!

eslint git github javascript postcss react react-router tailwind-css tailwind-merge typescript

Last synced: 27 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/juanpdn/github-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

api-rest css github-profile nextjs postcss tailwind typescript

Last synced: 11 Oct 2024

https://github.com/anxdydx/agencyworkflow

✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.

autoprefixer cms nextjs postcss sanity tailwindscss

Last synced: 11 Oct 2024

https://github.com/habbaz-dev/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 11 Oct 2024

https://github.com/pedrohvfernandes/nlw-expert

date-fns docker fastify localstorage lucide-react nodejs postcss postgresql prisma profanity radix-ui reactjs redis sonner speechrecognition tailwindcss typescript vite websocket

Last synced: 19 Nov 2024

https://github.com/miguelsjimenezv/ridenewsproject

RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.

backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web

Last synced: 04 Jan 2025

https://github.com/matan3sh/personal-app

nextjs postcss tailwindcss typescript

Last synced: 24 Nov 2024

https://github.com/erkobridee/astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript

Last synced: 11 Oct 2024

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Oct 2024

https://github.com/theelegantcoding/solid_template_webpage

📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.

clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development

Last synced: 07 Dec 2024

https://github.com/h3rmel/sen-financa

A simple web application for personal finance management.

autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs

Last synced: 15 Nov 2024

https://github.com/chrisross5/kiki-storage-web

College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.

daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse

Last synced: 15 Nov 2024

https://github.com/chrisross5/supit-project

College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.

bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router

Last synced: 15 Nov 2024

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

Last synced: 11 Oct 2024

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

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/bryanwilhite/nodejs

my collection of self-educational samples on the Node.js® stack

angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design

Last synced: 31 Dec 2024

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/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 15 Nov 2024

https://github.com/masterjaneza/portfolio

Portfolio

autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss

Last synced: 11 Jan 2025

https://github.com/hrfmmymt/react-redux-ssr

ava circleci enzyme eslint flowtype nyc postcss react react-redux react-router-redux server-side-rendering stylelint webpack2 yarn

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/postcss-starter

autoprefixer postcss stylelint

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/plain-carousel

babel carousel-plugin postcss rollup vanilla-javascript

Last synced: 17 Nov 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/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/jsimck/postcss-webpack-plugin

A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.

cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin

Last synced: 07 Dec 2024

https://github.com/annaindistress/frontend-mentor-faq-accordion

This is a solution to the FAQ accordion challenge on Frontend Mentor

css-custom-properties html postcss vite

Last synced: 24 Nov 2024

https://github.com/claudiusayadi/ketocss

The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.

adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based

Last synced: 31 Dec 2024

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

This is a solution to the stats preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-blog-preview-card

This is a solution to the blog preview card challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-easybank-landing-page

This is a solution to the easybank landing page challenge on Frontend Mentor

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

Last synced: 24 Nov 2024

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

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 22 Nov 2024

https://github.com/miavai649/cleancarz-client

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation

Last synced: 22 Dec 2024

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Nov 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/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/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/squirrel-forge/node-build-scss

Simple sass wrapper including some useful configuration options and extended features like package support and loading files as base64 encoded strings for font and image inclusion.

build cli node nodejs postcss sass simple