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/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/aryan02420/postcss-themewind

A PostCSS plugin to make theming with TailwindCSS easy and fun

plugin postcss tailwindcss

Last synced: 29 Nov 2024

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

Last synced: 03 Dec 2024

https://github.com/kingsora/rollup-plugin-css

Bundle, process and optimize css files with rollup.

css esbuild less plugin postcss rollup rollup-plugin sass scss sss stylus sugarss

Last synced: 16 Dec 2024

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/vinpac/webpack-modular-css-loader

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 12 Oct 2024

https://github.com/aliaks-ei/childde

UI part of knowledge sharing platform "Child.de"

autoprefixer babel css cypress e2e-tests gulp html javascript mjml postcss pug sass scss unit-tests

Last synced: 03 Dec 2024

https://github.com/jessekoldewijn/mithrilts-tailwind-vite-starter

A actually fairly modern starting template if you do need/want to use Mithril.js for some reason. (Actually uses JSX to decrease headaches)

jsx mithriljs postcss tailwindcss typescript vitejs

Last synced: 13 Nov 2024

https://github.com/aliaks-ei/advent-of-javascript

This repository contains implementation of challenges from Advent of Javascript calendar

a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue

Last synced: 03 Dec 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/jessekoldewijn/qwik.jkinsight.nl

A very Qwik website right?

postcss qwik qwik-city tailwindcss typescript

Last synced: 13 Nov 2024

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/angelmtztrc/tailwindcss-darkmode

A basic example of Dark/Light mode with TailwindCSS and ReactJS.

javascript postcss reactjs tailwindcss

Last synced: 09 Dec 2024

https://github.com/trustworthydev/toretoergacha-web-app

Web Application for Toretoregacha

artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex

Last synced: 17 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/arturi/template-css

Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin

css css-in-js cssinjs postcss template-literals template-string

Last synced: 09 Dec 2024

https://github.com/bhallstein/jigmawiffin

Those nitpicky webpack, babel, and postcss deps you always need.

babel css javascript postcss react tooling webpack

Last synced: 09 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/iwatanikenji/event-platform

GraphCMS integrated application developed to organize classes and livestreams based on a launch date

apollo graphcms graphql phosphoricons postcss router-dom tailwindcss

Last synced: 23 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/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/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 23 Nov 2024

https://github.com/lorenzorapetti/tailwindcss-parcel

Template with tailwindcss and parcel

parcel parcel-bundler postcss tailwindcss template

Last synced: 04 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/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/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/rencire/typescript-webapp-starter

babel babel-preset-env babel-typescript frontend husky lint-stag postcss postcss-preset stylelint tslint typescript webpack webpack4

Last synced: 09 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/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/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/elquimista/react-app-suspenders

A React app template

airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect

Last synced: 04 Dec 2024

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 04 Dec 2024

https://github.com/humpherson/audio-recorder-app

A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀

html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite

Last synced: 09 Dec 2024

https://github.com/exslym/uikit-test

A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook

jest postcss react storybook typescript

Last synced: 09 Dec 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/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/chanonroy/react-github-battle

From the React online training tutorial

postcss react react-router scss webpack

Last synced: 23 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/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 16 Dec 2024

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

https://github.com/emanuelefavero/postcss

This is a cheat sheet repo for PostCSS

autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss

Last synced: 10 Dec 2024

https://github.com/jonasfroeller/webpack-webapp

Webpack frontend-webapp starter.

asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow

Last synced: 05 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/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/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 03 Jan 2025

https://github.com/shrpne/postcss-clear-empty-strings

Remove declarations with empty values

clear empty postcss

Last synced: 10 Dec 2024

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

https://github.com/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 10 Dec 2024

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/wearerequired/js

📦 Monorepo for JavaScript packages used @wearerequired.

boilerplate browserlist postcss

Last synced: 13 Nov 2024

https://github.com/sshari/remark-mdx-postcss

Remark plugin to bundle a style tag with MDX content via postcss.

css mdx postcss remark-plugin

Last synced: 20 Dec 2024

https://github.com/engrsakib/countriesname-simple-react-projects

api daisyui jsx postcss react tailwindcss

Last synced: 10 Dec 2024

https://github.com/ansershafiq/talentavenue

A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.

postcss react-router react-router-dom reactjs tailwindcss

Last synced: 10 Dec 2024

https://github.com/liv7c/bookshop-static-version

Static html/css/js version for a wordpress website that is now live.

es2015 es6 gulp postcss responsive-web-design

Last synced: 09 Jan 2025

https://github.com/linda-ikechukwu/moneypaddy

Money Paddy is a PWA to help you keep track of your expense and income.

babeljs firebase postcss pwa service-worker webpack4

Last synced: 16 Nov 2024

https://github.com/fuelviews/laravel-tailwindcss

Laravel tailwindcss package

css fuelviews laravel laravel-tailwindcss php postcss tailwindcss

Last synced: 11 Oct 2024

https://github.com/milliorn/airbnb-experiences-landing-page

Clone Landing Page

airbnb airbnb-clone autoprefixer clone html html-css html-css-javascript html5 js jsx landing landing-page landing-pages postcss react reactjs tailwind tailwind-css tailwindcss typescript

Last synced: 14 Dec 2024

https://github.com/yjg30737/tailwind-css-react-tutorial

Using Tailwind CSS in React project (with PostCSS)

css postcss react tailwind-css tailwind-tutorial tailwindcss

Last synced: 03 Jan 2025

https://github.com/jolomitee/catchup

CatchUp Figma design as a web page

figmadesign front-end-development postcss tailwindcss

Last synced: 18 Dec 2024

https://github.com/milliorn/task-list

autoprefixer crud crud-application postcss react react-icons react-timer reactjs sweetalert sweetalert2 tailwind tailwind-css tailwindcss tailwindcss-ui task task-list tasklist uuid

Last synced: 14 Dec 2024

https://github.com/lukmanrambe/mubaaz-project

Mubaaz Project - (dev : https://mubaaz-dev.vercel.app/)

eslint husky nextjs postcss prettier react-datepicker react-hook-form react-query react-select reactjs tailwindcss typescript

Last synced: 17 Dec 2024

https://github.com/milliorn/starbucks-landing-page

Mock landing page using React and Tailwind.

autoprefixer clone css css3 html html-css html-css-javascript html5 landing-page postcss react react-uuid reactjs starbucks starbucks-clone starbucks-landing-page tailwind tailwind-css tailwindcss typescript

Last synced: 14 Dec 2024

https://github.com/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

https://github.com/milliorn/travel-agency

Mobile responsive site using React and Tailwind

autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript

Last synced: 14 Dec 2024

https://github.com/kaanguru/clientsidetemplate

SvelteKit Static Site Generation Template

indexeddb postcss skeleton ssg superforms sveltekit tailwindcss

Last synced: 11 Dec 2024

https://github.com/yoriiis/webpack-boilerplate

Boilerplate to kickstart creating a project with Webpack configuration

babel boilerplate eslint javascript jest postcss prettier stylelint webpack

Last synced: 11 Dec 2024

https://github.com/halvardssm/frontend-starter

A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS

font-awesome hacktoberfest poeditor postcss react template typescript webpack

Last synced: 11 Dec 2024

https://github.com/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 16 Dec 2024

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

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/devferx/block-master

Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.

babel css html postcss react-vanilla styled-components webpack

Last synced: 23 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

Last synced: 04 Jan 2025

https://github.com/danielbayley/svg-social-icons

Adaptable, reusable @SVG social media icons done right.

css html icons jade less npm postcss preprocessor pug sass scss social stylus svg

Last synced: 19 Dec 2024

https://github.com/milliorn/tea-cozy

Template done in Tailwind UI using GatsbyJS

autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template

Last synced: 14 Dec 2024

https://github.com/humpherson/blueprint-app

This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.

emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss

Last synced: 17 Dec 2024

https://github.com/swissgrc/postcss-remove-font-face-format

📦 PostCSS plugin to remove font faces formats

font-face hacktoberfest plugin postcss

Last synced: 29 Oct 2024

https://github.com/roma-glushko/landing-boilerplate

A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!

boilerplate bootstrap3 grunt html5 less modernizr postcss

Last synced: 19 Dec 2024

https://github.com/scarfacedeb/brunch-elixir-web

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 19 Dec 2024

https://github.com/bylothink/phonebook-frontend

📖 The frontend part of a sample phonebook app made by using @vuejs.

phonebook postcss sample tailwindcss typescript vitejs vuejs

Last synced: 12 Dec 2024

https://github.com/franmc01/react-citas-app-2.0

Es una versión de una de las primeras aplicaciones que hice cuando aprendí Reactjs.

eslint postcss prettier react tailwindcss-v3 vitejs

Last synced: 05 Dec 2024

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 23 Dec 2024

https://github.com/franmc01/vue-pinia-shop-app

A project I used to apply the concepts of Vue's new state handler: PINIA

eslint pinia postcss state-management tailwindcss vitejs vue3-composition-api vue3-sfc

Last synced: 05 Dec 2024

https://github.com/daniguardiola/postcss-local-keyframes

PostCSS plugin that makes animations local.

animation css keyframes postcss postcss-plugin

Last synced: 31 Oct 2024

https://github.com/starkelessar/vite-start-template

bun eslint postcss pug scss stylelint vite

Last synced: 13 Dec 2024

https://github.com/lunanezha/imedica-login

Leverages AI to provide medication management services for patients and doctors. This project focuses solely on the login functionality, delivering a responsive, and mobile-first interface to authenticate user.

ai doctor ionic login medication mobile-app patient postcss prescription react responsive tailwindcss typescript vite