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

accessibility cascade-layers color-mix container-queries css cssgrid cssvariables eleventy-site oklch-color postcss responsive-layout

Last synced: 14 Feb 2025

https://github.com/webpack-config/webpack-config-css

A curated CSS loader config for Webpack with CSS Modules, PostCSS, and JS styles.

css-in-js postcss webpack webpack2

Last synced: 20 Oct 2024

https://github.com/keenanpayne/postcss-npm-boilerplate

This is a simple boilerplate for using NPM and PostCSS to handle common front-end development environments

boilerplate cssnano minify postcss postcss-plugins stylelint yarn

Last synced: 07 Jan 2025

https://github.com/hiro0218/postcss-media-hover-any-hover

PostCSS plugin wraps selectors with :hover with at-media (hover: hover) block

postcss postcss-plugin

Last synced: 11 Feb 2025

https://github.com/lukemcdonald/lukemcdonald.com

My personal website rebuilt using Remix.

postcss remix tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/saneef/nanools-tokens

Source code for tokens2css.nanools.com

design-tokens postcss svelte

Last synced: 11 Feb 2025

https://github.com/frontend-layers/html-base

Runtime environment for comfortable handcoding frontend tasks with variative dependencies and useful open source tools

autoprefixer babel boilerplate bootstrap css gulp html javascript postcss rollup sass scss starter-template

Last synced: 21 Jan 2025

https://github.com/ashirbadgudu/react-tailwind-css-stater

Set Up Tailwind Css With create-react-app and yarn

create-react-app css postcss react tailwind tailwindcss yarn

Last synced: 20 Nov 2024

https://github.com/ivanminutillo/kanban-webcomponent

A kanban web-component built with stenciljs, based on valueflows syntax

postcss stenciljs valueflows webcomponent

Last synced: 12 Feb 2025

https://github.com/best-shot/postcss-preset-evergreen

A postcss preset for modern css syntaxes.

css evergreen postcss postcss-plugin preset style syntax transform

Last synced: 18 Nov 2024

https://github.com/shgysk8zer0/postcss-import

Plug-in for importing local & remote stylesheets with PostCSS

build node npm postcss postcss-plugin

Last synced: 17 Oct 2024

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

A blazing fast create-react-app alternative

eslint husky lint-staged postcss prettier react tailwindcss typescript vite vitest

Last synced: 02 Nov 2024

https://github.com/theodesp/rollup-starter

Starter project using Rollup module bundler complete with livereload and postcss

es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template

Last synced: 02 Feb 2025

https://github.com/noviel/webpack-features

Configure webpack quickly and without pain

bundle css-modules postcss presets react typescript webpack webpack-features

Last synced: 26 Jan 2025

https://github.com/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 Jan 2025

https://github.com/ir3ne/vite-ts-tailwind-starter

🛸 A ready to go Vite starter with TypeScript and Tailwind

javascript postcss tailwind tailwindcss typescript vitejs

Last synced: 09 Feb 2025

https://github.com/marijanasevo/silkenskin

Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss

cssmodules firebase firebase-auth postcss react redux stripe typescript vite

Last synced: 26 Jan 2025

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

https://github.com/andrepolischuk/react-redux-example

An example of React Redux async application

example example-app postcss react redux

Last synced: 04 Jan 2025

https://github.com/francoisromain/postcss-grid-fluid

A PostCSS plugin to create fluid grids.

css flexbox float grid-system postcss postcss-plugin

Last synced: 12 Feb 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 27 Jan 2025

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

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

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

Last synced: 30 Jan 2025

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/jpeer264/postcss-rcs

The postcss plugin for rcs-core

css minify postcss postcss-plugin rcs rename

Last synced: 15 Jan 2025

https://github.com/waldenliang/pug-static-pages-starter

Build a static websit with webpack and pug template engine.

bootstrap css html multi-pages postcss pug starter-template static-website stylus template webpack

Last synced: 04 Feb 2025

https://github.com/springtype-org/st-start

Zero configuration TypeScript/JavaScript bundler & DevServer for frontend and Node.js projects. Framework agnostic.

babel browserslist bundler cli code-splitting cross-platform css dev-server hmr html javascript jest nodejs postcss pwa sass server typescript webpack zero-configuration

Last synced: 10 Nov 2024

https://github.com/intellicode/boilerplate-2016

Boilerplate code for a modern Javascript application (2016)

boilerplate cssnext postcss react webpack

Last synced: 13 Jan 2025

https://github.com/hwantage/postcss-delete-duplicate-selector

PostCSS plugin delete duplicate css selector in the file

npm-package postcss postcss-plugin

Last synced: 24 Jan 2025

https://github.com/lagden/sss

Convert css to sss

cli css file parser postcss sugarss

Last synced: 09 Feb 2025

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件,基础工具库

postcss postcss-plugins

Last synced: 10 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

https://github.com/winston0410/sparrow

A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin

hongkong postcss postcss-plugins

Last synced: 10 Feb 2025

https://github.com/tardo/docker-flask

Docker image to run flask applications using gunicorn

docker-image flask gunicorn npm poetry postcss rollup supervisord

Last synced: 02 Feb 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

https://github.com/ka215/sloth

Mobile-first CSS Lightweight Framework. It has reduced styling coding costs to a minimum with non-BEM and simpler naming conventions than OOCSS.

css framework front-end mobile-first postcss responsive sass web

Last synced: 23 Jan 2025

https://github.com/yukihirai0505/portfolio

:satisfied: My portfolio by React.js

css3 es6 html5 portfolio portfolio-website postcss react reactjs

Last synced: 13 Jan 2025

https://github.com/best-shot/postcss-plugin-matcher

PostCSS plugin for limit plugins matching

postcss postcss-plugin

Last synced: 29 Jan 2025

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: 08 Feb 2025

https://github.com/nju33/yosuga

CSS styleguide generator

css generator less nuxt postcss sass styleguide stylus

Last synced: 12 Feb 2025

https://github.com/clarksource/ember-css-modules-config

Bootstraps ember-css-modules with various PostCSS plugins and good defaults.

ember-addon ember-css-modules postcss

Last synced: 28 Nov 2024

https://github.com/natterstefan/stylelint-config-ns

Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.

postcss prettier prettier-stylelint tailwind tailwind-stylelint

Last synced: 30 Oct 2024

https://github.com/pronoia9/weavio

Dive into meaningful discussions and trendsetting ideas with Weavio, your digital hub for vibrant conversations. Inspired by Threads, Weavio offers a dynamic platform where users engage, inspire, and connect.

autoprefixer clerk clsx css html javascript mongodb mongoose nextjs postcss radix-ui react shadcn svix tailwindcss tailwindcss-animate typescript uploadthing zod

Last synced: 24 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: 06 Feb 2025

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

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 05 Feb 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/songsterr/postcss-unwrap-mq

PostCSS plugin to extract matched media queries to their parents

css media-query postcss postcss-plugin unwrap

Last synced: 12 Jan 2025

https://github.com/privatenumber/postcss-custom-properties-transformer

PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)

custom hash mangle minify plugin postcss properties transform

Last synced: 18 Feb 2025

https://github.com/shellyln/wp-quickstart-caller-example

[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.

ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2

Last synced: 21 Jan 2025

https://github.com/malcolm-kee/modern-frontend

A workshop that introduces tools in modern front-end development

babel eslint postcss prettier sass webpack workshop

Last synced: 28 Jan 2025

https://github.com/zamotany/tailwind-ts-gen

Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.

autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript

Last synced: 12 Feb 2025

https://github.com/akellbl4/introduction-to-nextjs

Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them

bootstrap examples nextjs nextjs-example postcss styled-jsx vercel

Last synced: 12 Feb 2025

https://github.com/danieledefoe/fakestore

Shopping cart application with client-side routing

css3 html5 javascript jsx postcss react react-hooks react-router tailwindcss theodinproject vite

Last synced: 19 Feb 2025

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

Personal website of Patrick Chong

alpinejs eleventy postcss tailwindcss

Last synced: 14 Feb 2025

https://github.com/matan3sh/shopifynext

A modular e-commerce client integrated with shopify as management content system

css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript

Last synced: 24 Jan 2025

https://github.com/jmsedwrdmnkme/front-end-boilerplate

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.

boilerplate-front-end browsersync critical-css gulp handlebars imagemin pnpm postcss purgecss static-site vanilla-css vanilla-javascript webp webpack

Last synced: 13 Feb 2025

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

Japanese style resume built with HTML. 履歴書.html

autoprefixer browsersync html postcss resume stylefmt stylelint svg

Last synced: 17 Jan 2025

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

My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

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

Boilerplate project for using Webpack with ES6 and React

babel boilerplate javascript postcss react webpack

Last synced: 31 Jan 2025

https://github.com/albertfdp/boilerplate

🎩 Personal opinionated boilerplate for web apps

babel boilerplate css-modules jest postcss react unexpected webpack

Last synced: 31 Dec 2024

https://github.com/elchininet/nextjs-postcss-rtlcss-example

Next.js project using postcss-rtlcss plugin to automatically create left-to-right and right-to-left CSS rules

left-to-right ltr nextjs postcss postcss-plugin postcss-rtlcss right-to-left rtl

Last synced: 20 Jan 2025

https://github.com/jere-a/main-website

My ozze.eu.org website hosted on cloudflare.com

astro eslint nodejs postcss vitejs vitest web

Last synced: 11 Feb 2025

https://github.com/ioriens/postcss-wxss

PostCSS plugin to transpile wxss or acss..

minapp postcss postcss-plugins transpiler wxss

Last synced: 17 Nov 2024

https://github.com/liuyunhe/sharp-ui

sharp-ui,一套为开发者准备的基于 Vue 3.0 的桌面端组件库

es6 fort-awesome good-first-issue postcss up-for-adoption up-for-archiving up-for-grabs vue3-typescript

Last synced: 11 Feb 2025

https://github.com/letsjaam/postcss-letter-tracking

PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.

letter-spacing letter-tracking postcss postcss-plugin typography

Last synced: 12 Nov 2024

https://github.com/solygambas/html-css-travel-site

A travel website to understand BEM architecture, PostCSS and Webpack.

bem css3 html5 javascript postcss react webpack

Last synced: 13 Feb 2025

https://github.com/hungpm372/ideaboard

Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.

board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss

Last synced: 11 Feb 2025

https://github.com/luovtyrell/star-wars

A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.

context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite

Last synced: 11 Feb 2025

https://github.com/winston0410/bewater

A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.

bewater postcss postcss-plugin postcss-sparrow

Last synced: 14 Feb 2025

https://github.com/fourjuaneight/docker-hugo-postcss

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

docker hugo npm postcss

Last synced: 21 Jan 2025

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

:cyclone: PostCSS 插件包,一个现代的、灵活的、优雅的 CSS 处理器。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/mishantrop/bunnyhope

Frontend for https://bunnyhop.pro

bem css es6 gulp postcss webpack

Last synced: 14 Feb 2025

https://github.com/victor-casta/castadev.me

This project showcases my personal portfolio, a window into my journey in the world of development. Here you'll find a collection of projects that reflect my passion and skills in the technology field. Explore, discover, and connect! ✨

astro postcss prettier tailwindcss

Last synced: 18 Nov 2024

https://github.com/neetjn/neetjn.github.io

My personal portfolio SPA created with Svelte.js and Tailwind CSS.

javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss

Last synced: 14 Feb 2025

https://github.com/tiagom13/esports_web

Aplicação feita em ReactJS, consite em uma SPA, construída para listar e criar anúncios de games.

autoprefixer phosphor-react postcss radix-ui reactjs tawilwind typescript vitejs

Last synced: 31 Jan 2025

https://github.com/bush1d3v/tsbank_app

Aplicativo mobile do TSBank, um app bancário completo possuindo todas as transações bancárias existentes.

babel docker eslint expo html javascript mit-licence mobile nativewind nodejs postcss react react-native tailwindcss typescript yarn

Last synced: 14 Jan 2025

https://github.com/tycrek/express-postcss

Express.js middleware for on-demand PostCSS compiling

express-middleware jit postcss

Last synced: 20 Nov 2024

https://github.com/lencx/multipage-template

Multi-module(webpack4, vue2, pug, scss, postcss)

multi-page postcss pug scss vue2 webpack4

Last synced: 02 Feb 2025

https://github.com/retyui/postcss-finding-dead-css

Idea: https://csswizardry.com/2018/01/finding-dead-css/

postcss postcss-plugin

Last synced: 21 Jan 2025