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/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 11 Oct 2024

https://github.com/patrickxchong/patrickxchong.com

Personal website of Patrick Chong

alpinejs eleventy postcss tailwindcss

Last synced: 22 Dec 2024

https://github.com/songsterr/postcss-sayonara

PostCSS plugin to limit used declarations to a given set

cleanup css limit postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/creeperyang/postcss-percentage

PostCSS plugin to transform percentage() function

percentage postcss postcss-plugin postcss-plugins

Last synced: 11 Jan 2025

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 21 Dec 2024

https://github.com/madeleineostoja/rucksackcss.org

Website for Rucksack

postcss rucksack website

Last synced: 28 Dec 2024

https://github.com/emilbayes/css-pipeline

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 07 Jan 2025

https://github.com/kanopi/kanopi-pack

Consolidated package management and configuration profiles for Webpack based projects

do-not-archive eslint internal-tool postcss stylelint webpack

Last synced: 13 Dec 2024

https://github.com/lamualfa/postcss-minion

Using PostCSS as Minion Extractor

minion minion-extractor postcss postcss-plugin

Last synced: 01 Jan 2025

https://github.com/abdallahhemdan/css-nesting

Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG

css csswg nesting-styles postcss postcss-plugin

Last synced: 12 Dec 2024

https://github.com/fylgja/examples

Functional examples for using Fylgja with popular tools and frameworks.

fylgja parceljs postcss scss vite webpack webpack-encore

Last synced: 30 Nov 2024

https://github.com/pokedotdev/my-gallery-devchallenge

Devchallenges.io challenge made with React and Tailwindcss

postcss reactjs tailwindcss

Last synced: 30 Nov 2024

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/fourjuaneight/docker-hugo-testing

👷🏽‍♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.

chrome docker hugo postcss

Last synced: 21 Jan 2025

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 15 Dec 2024

https://github.com/riksev/socialstats

Social media dashboard responsive website

autoprefixer babel browsersync cssnano gulp postcss sass terser theme-switcher

Last synced: 23 Jan 2025

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 19 Jan 2025

https://github.com/alex-kinokon/postcss-light-dark

PostCSS implementation of light-dark() function

postcss

Last synced: 12 Jan 2025

https://github.com/melhosseiny/vue-starter-kit

Starter kit for Vue 2 projects

babel jest postcss vue vuerouter vuex webpack

Last synced: 23 Jan 2025

https://github.com/oncomouse/extract-tachyons

Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.

postcss tachyons tachyons-css

Last synced: 21 Jan 2025

https://github.com/ikram-maulana/webpack-tailwind-boilerplate

🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.

postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind

Last synced: 09 Jan 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/adenugbamichael/portfolio-site

✨ My portfolio site built with nextjs 13/react js and typescript

nextjs pnpm postcss tailwindcss typescript

Last synced: 24 Nov 2024

https://github.com/thiagoow/paintcalculator-react-js-redux-tailwind

Projeto desenvolvido com React.js, Redux Toolkit & estilizacões com Tailwind + PostCSS & autoprefixer. Juntamente com as libs "react-redux" e "Iconify/react".

autoprefixer code-challenge digital-republic iconify postcss react-js reactjs tailwind tailwind-css tailwindcss

Last synced: 21 Jan 2025

https://github.com/premierstacks/.github

Welcome to the Premierstacks GitHub organization! In this document, I'll explain what Premierstacks is, what it offers, and how you can gain access to proprietary development stacks and templates. You’ll also find a brief introduction about me, Tomáš Chochola, the creator of Premierstacks.

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

Last synced: 15 Dec 2024

https://github.com/tomchochola/node-webpack-typescript-app-template

The Node Webpack TypeScript App Template provides a complete starting point for developing Node.js applications using TypeScript and Webpack. With pre-configured setups for TypeScript compilation, code quality tools, and efficient build processes, this template ensures your Node.js projects are scalable, maintainable, and optimized from the start.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 31 Dec 2024

https://github.com/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 14 Jan 2025

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 25 Nov 2024

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/saabbir/fictional-travel-site

A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/

postcss webpack

Last synced: 13 Jan 2025

https://github.com/devniel/derb

Devniel's Express and React Boilerplate

boilerplate express hot-module-replacement postcss react reactjs webpack2

Last synced: 12 Jan 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/sakilk130/nextjs-13-boilerplate

🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS

boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript

Last synced: 01 Dec 2024

https://github.com/codyjasonbennett/next-postcss

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 06 Dec 2024

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/thoughtbit/cssplus-preprocessor

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

cli postcss preprocessor

Last synced: 14 Dec 2024

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: 08 Oct 2024

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: 22 Dec 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/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: 28 Dec 2024

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/voightco/static-site-starter

A boilerplate for building static websites using 11ty

11ty boilerplate eleventy postcss starter-kit static-site static-site-generator

Last synced: 26 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/mouhametnd/pomodoro-app

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

bem-methodology gulpjs javascript localstorage postcss scss

Last synced: 17 Jan 2025

https://github.com/tamino-martinius/ui-snippets-template

Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript

html postcss typescript ui-snippets

Last synced: 06 Jan 2025

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/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables

Last synced: 11 Oct 2024

https://github.com/awayken/2017-christmas-card

ESCAPE from the MAZE PLANET

christmas-card nuxt postcss showcase vue

Last synced: 28 Nov 2024

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 15 Dec 2024

https://github.com/giacomoferretti/postcss-color-rgb-tailwind

PostCSS plugin to transform modern CSS Color Module Level 4 to legacy CSS Color Module Level 3.

postcss postcss-plugin tailwindcss

Last synced: 15 Dec 2024

https://github.com/franekstein/react-ts-starter

Modern React & Typescript boilerplate.

cssmodules postcss react sass typescript webpack

Last synced: 28 Nov 2024

https://github.com/semanticdata/ximena

🐞 Eleventy starter theme/template with TailwindCSS, DaisyUI.

11ty 11ty-starter cssnano daisyui eleventy eleventy-starter postcss prettier sass tailwindcss work-in-progress

Last synced: 27 Dec 2024

https://github.com/marlon-couto/astro-starter

Um template para projetos usando o framework Astro.

astro bootstrap font-awesome postcss sass typescript

Last synced: 22 Dec 2024

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/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/pomeluce/flx-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

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

Last synced: 02 Dec 2024

https://github.com/chubi-x/sorta-frontend

React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks

bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript

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

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 22 Jan 2025

https://github.com/tolking/postcss-propro

adds and extends some properties

plugin postcss postcss-propro

Last synced: 16 Dec 2024

https://github.com/sumingcheng/moduvue

基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。

autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5

Last synced: 11 Jan 2025

https://github.com/murshidazher/trostcss

:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.

css-framework css3 frontend postcss stylesheet ui

Last synced: 31 Dec 2024

https://github.com/stuymedova/kirby-rollup-postcss

[SETUP] Kirby CMS template adapted to be used with modern frontend tools

kirby kirby-cms kirby3 kirby3-cms postcss rollup

Last synced: 09 Jan 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: 23 Dec 2024

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 30 Dec 2024

https://github.com/moshang-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: 23 Dec 2024

https://github.com/darrenjacoby/postcss-root-parse-var

Parse a custom property from `:root` or another selector to a static value

css postcss postcss-plugin postcss-root-parse-var

Last synced: 19 Nov 2024

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

https://github.com/kelvin-mai/image-hub

A Instagram-like web application made in the MERN stack

express instagram mongodb nodejs postcss react

Last synced: 01 Jan 2025

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 17 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 Oct 2024

https://github.com/bush1d3v/solidity-todo-app

Solidity Todo App is an solidity study project, integrated with web3 and vue.js.

biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js

Last synced: 16 Jan 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/cyruskabir/testimonial-page-html-css-

This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...

css devchallengesio html postcss vite

Last synced: 27 Dec 2024

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 15 Dec 2024

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

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

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

Last synced: 21 Nov 2024

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

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

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 07 Dec 2024

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