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:

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.

https://github.com/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 13 Jan 2025

https://github.com/minagishl/postcss-classname-obfuscator

This PostCSS plugin replaces CSS class names with hard-to-guess characters.

obfuscate postcss postcss-plugin typescript

Last synced: 18 Feb 2025

https://github.com/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/y-solb/diary

그림 일기장

firebase postcss react

Last synced: 07 Feb 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/melhosseiny/get-rhythm

PostCSS plugin to generate vertical rhythm using a modular typographic scale

deno postcss typography

Last synced: 23 Jan 2025

https://github.com/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 07 Feb 2025

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 18 Feb 2025

https://github.com/asbhogal/react-digital-business-cards

A series of four digital business cards 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 postcss react reactjs scrimba scrimba-react scss webpack

Last synced: 21 Jan 2025

https://github.com/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 14 Feb 2025

https://github.com/tomchochola/tomchochola

Welcome to my GitHub profile! In this document, I'll share a bit about myself, how to get in touch, what I do, and why I created Premierstacks—an exclusive collection of development solutions. I’ll also explain what Premierstacks offers, and why I believe investing in high-quality, proprietary software is the key to successful projects.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack

Last synced: 30 Jan 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/osamamammar/calculator

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

css html javascript postcss pugjs theodinproject

Last synced: 01 Feb 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/skovy/css-codemod-demo

Example of a custom CSS codemod built with PostCSS

codemod css postcss

Last synced: 02 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: 18 Feb 2025

https://github.com/roblav96/tns-template-vue

NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.

nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack

Last synced: 12 Feb 2025

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

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 17 Feb 2025

https://github.com/jorgeatgu/postcss-congresoweb

:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web

css postcss slides

Last synced: 06 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/exslym/portfolio-new-3d

A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)

autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs

Last synced: 13 Jan 2025

https://github.com/persteenolsen/webpack-5-es-boilerplate

A Webpack 5 boilerplate with Babel - Ready for using ES6 and above

babel boilerplate es6 postcss webpack

Last synced: 18 Feb 2025

https://github.com/pierrecholhot/hank

Live OS monitoring UI built on top of HighCharts.js

babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack

Last synced: 15 Jan 2025

https://github.com/jl-olemar/journal-app-react

📌 Ole-journal is a journaling app for people who want to write about their notes and ideas.

date-fns firebase postcss react react-redux react-router-v6 redux redux-thunk sweetalert2

Last synced: 05 Feb 2025

https://github.com/dimitrinicolas/ava-postcss-tester

Simply test your PostCSS plugin with AVA

ava postcss test testing-tools

Last synced: 20 Feb 2025

https://github.com/azakharo/react-starter-2020

Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.

antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack

Last synced: 15 Feb 2025

https://github.com/damianomagrini/fiery

Fiery – A web app to help you stay focused.

enzyme eslint jest postcss preact redux sass scss tsx typescript webpack

Last synced: 15 Feb 2025

https://github.com/efiand/netbiblio

Интернет-архив авторской русскоязычной литературы.

a11y admin-panel amp api commercial design favicons mobile-first nodejs opengraph portfolio-project postcss postgresql prisma semantics spa sveltekit svg typography webp

Last synced: 13 Jan 2025

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 12 Feb 2025

https://github.com/aras-ax/postcss-vars-process

PostCSS plugin to extract and replace variables from css, support legal custom format variables

css-variables extract extract-values postcss

Last synced: 05 Nov 2024

https://github.com/fsmaiorano/snippets-vault

:computer: Save your own snippets on a mysql server.

bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript

Last synced: 22 Dec 2024

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 12 Feb 2025

https://github.com/efiand/gulp-static

Сборка для создания статического сайта на gulp.

boilerplate esbuild eslint gulp image-optimization pixelperfect postcss sprite stylelint w3c-validation webp

Last synced: 13 Jan 2025

https://github.com/tolking/postcss-flex-alias

PostCSS plugin easily write flex

flex plugin postcss postcss-flex-alias

Last synced: 18 Feb 2025

https://github.com/keqingrong/postcss-font-family-correction

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 09 Feb 2025

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 08 Feb 2025

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 10 Feb 2025

https://github.com/brunogroth/livewire

Learning Livewire | PHP & Laravel & Livewire & TailwindCSS

laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss

Last synced: 08 Jan 2025

https://github.com/pomeluce/akir-vue

vue project development scaffolding, based on vue naive-ui pinia typescript

akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 30 Jan 2025

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 09 Nov 2024

https://github.com/fullstack-dev3/halo-insurance

Halo Insurance Website by Next.js

eslint insurance nextjs postcss reactjs tailwindcss

Last synced: 05 Jan 2025

https://github.com/a-x-/postcss-global-nested

Wrap styles into a :global like postcss-nested does it for usual selectors

postcss postcss-nested postcss-plugin

Last synced: 11 Feb 2025

https://github.com/tharunoptimus/super-slow-portfolio

A cool looking ultra slow portfolio - manual deploy

emailjs framer-motion maath postcss react react-three tailwindcss threejs vite

Last synced: 09 Jan 2025

https://github.com/sadcitizen/postcss-config

@sadcitizen/postcss-config - PostCSS shareable config

postcss postcss-config postcss-preset

Last synced: 08 Jan 2025

https://github.com/silvestrevivo/react-parcel-starter

This is a ReactJS project starter developed with ParcelJS. It contains Eslint and PostCSS integration to improve performing during developement and production.

babel eslint parcel-bundler parceljs postcss react react-starter-kit reactjs

Last synced: 25 Nov 2024

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/creaworks-labs/postcss-react-bender

PostCSS plugin to process react-bender styling features with scss like syntax.

css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet

Last synced: 15 Feb 2025

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 25 Jan 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/ryan-dorman/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 15 Jan 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/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 01 Feb 2025

https://github.com/quramy/fuse-postcss-example

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 02 Feb 2025

https://github.com/frontendweb3/blogpost

Blog post is simple lightweight html template for blog build with tailwindcss

css html html-css html-template html5 postcss postcss-cli tailwindcss

Last synced: 14 Feb 2025

https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de

My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 18 Feb 2025

https://github.com/erkobridee/vite-react-ts

first contact using the Vite.js, TS, React, PostCSS and TailwindCSS

postcss react tailwindcss template typescript vitejs

Last synced: 18 Jan 2025

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 09 Feb 2025

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 14 Feb 2025

https://github.com/fuckdoctors/my-vue2-elm

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm

code-splitting postcss vue vue-cli vue-router vue2 vuex

Last synced: 06 Feb 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/jeff2ma/postcss-decls-ref

A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).

css declaration extend postcss postcss-plugin ref sass

Last synced: 09 Feb 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/aeyoll/postcss-imageset-type

PostCSS plugin for adding image-set type to background-images.

image-set postcss

Last synced: 13 Feb 2025

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 04 Feb 2025

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

React, Redux, Webpack and friends :boy::girl::hurtrealbad::rainbow:

eslint postcss prettier react redux riteway socket-io starter tape template webpack

Last synced: 01 Jan 2025

https://github.com/eckelon/astral-initializer

Boilerplate for creating a webapp using the astral framework, created by @jorgeATGU

astral boilerplate css initializer node postcss web

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

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: 02 Feb 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/wonderstk/health-advisor

Health Advisor is an AI-powered application that analyzes health information and provides personalized recommendations. It uses the Gemini API to process user-provided symptoms or medical reports and generates insights on possible conditions, recommended exercises, suggested medicines, and dietary advice.

axios gemini-api google-generative-ai javascript postcss reactjs redis redux tailwind-css user-event

Last synced: 04 Feb 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: 13 Feb 2025

https://github.com/mohammed-taysser/gym

Golds GYM is a premier fitness website that offers a comprehensive platform for fitness enthusiasts and individuals seeking to improve their health. The site provides a wide range of resources, including workout plans, nutrition advice, and personal training services. Golds GYM is renowned for its high-quality content, expert trainers, and a suppor

eslint mui mui-material postcss react react-icons typescript

Last synced: 15 Feb 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/winston0410/postcss-sparrow-values-filter

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

postcss postcss-plugin postcss-sparrow

Last synced: 11 Jan 2025

https://github.com/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 20 Feb 2025

PostCSS Awesome Lists
awesome-tailwindcss 267
PostCSS Categories
Learning 79 UI Libraries, Components & Templates 69 Tools 49 Plugins 36 Starters & Themes 36 Useful Links 11 IDE Extensions 5