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

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

chrome docker hugo postcss

Last synced: 20 Nov 2024

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

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/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: 20 Nov 2024

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

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

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/skovy/css-codemod-demo

Example of a custom CSS codemod built with PostCSS

codemod css postcss

Last synced: 07 Dec 2024

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

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/nju33/postcss-octicon

Postcss plugin for octicons

base64 icons octicon postcss postcss-plugin svg

Last synced: 22 Nov 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/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/birdofpreyru/postcss-icss

PostCSS plugin to process CSS modules and extract tokens

css css-modules javascript modules plugin postcss web

Last synced: 27 Sep 2024

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/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/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/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/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: 19 Nov 2024

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

adds and extends some properties

plugin postcss postcss-propro

Last synced: 16 Dec 2024

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/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/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/codyjasonbennett/next-postcss

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 06 Dec 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/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 10 Dec 2024

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

https://github.com/axept/prejss-postcss-parser

PostCSS Parser for PreJSS

css css-in-js jss parser postcss prejss sass

Last synced: 23 Dec 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/ghaerdi/ghaerdi-webpage

ghaerdi's webpage, using vite, vue and typescript.

jest postcss typescript vite vue

Last synced: 11 Dec 2024

https://github.com/ghaerdi/array-algorithms-visualizer

Algorithms visualizer for arrays using vite and vue with typescript

algorithm array postcss typescript vite vue

Last synced: 11 Dec 2024

https://github.com/mauroreisvieira/preact-tailwind

Preact + Tailwind start project.

postcss preact tailwindcss

Last synced: 23 Dec 2024

https://github.com/lukmanrambe/luxspace

A Furniture E-Commerce Web Design

css es6 figma html javascript postcss tailwindcss webpack

Last synced: 17 Dec 2024

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

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

https://github.com/viktor-yakubiv/rehype-postcss

Run PostCSS on <style> elements through rehype

postcss rehype-plugin unified-plugin

Last synced: 17 Dec 2024

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

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

https://github.com/bush1d3v/diverti_lembrete_front

O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.

bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue

Last synced: 27 Dec 2024

https://github.com/harshita2234/mern-chat

This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.

autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket

Last synced: 27 Dec 2024

https://github.com/hrynevychroman/vue-start

Transforming Vue projects with boundless creativity.

commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse

Last synced: 27 Dec 2024

https://github.com/yuan66-hub/react-h5-pages

H5多页面打包模板，支持命令行交互方式选择页面按需打包，页面体积优化，体积分析，集成tailwindcss原子化，静态资源预加载（js/css/image/font），代码混淆，CSS Module，支持rspack脚手架，重复依赖代码检测，预渲染，rsdoctor模块引用分析工具，umi 多页面打包模式等功能

babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5

Last synced: 27 Dec 2024

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

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

Webpack 4 starter (babel, eslint, sass, postcss)

babel eslint html javascript nodejs postcss scss webpack

Last synced: 18 Dec 2024

https://github.com/argyleink/jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file

babel cssnext jade postcss webpack

Last synced: 18 Dec 2024

https://github.com/fmanimashaun/skilled-elearning-landing-page

his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

frontendmentor-challenge html5 mobile-first postcss scss webpack5

Last synced: 06 Jan 2025

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 26 Sep 2024

https://github.com/deep-impact-ag/react-ts-client

React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.

boilerplate client-side cssmodules postcss react typescript webpack

Last synced: 01 Oct 2024

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

Last synced: 24 Dec 2024

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

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

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 19 Dec 2024

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

https://github.com/fsmaiorano/aspnetcore-with-typescript-scss

:computer: This project is a quick boilerplate for user ASPNET Core with Typescript and SCSS without gulp or grunt for transpiling archives.

aspnet-core autoprefixer netcore node-sass npm-scripts postcss postcss-cli scss typescript

Last synced: 02 Dec 2024

https://github.com/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 28 Nov 2024

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

https://github.com/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 28 Sep 2024

https://github.com/tulepbergenov/my-gulp

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 19 Dec 2024

https://github.com/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.

css postcss react styled-components styled-jsx typescript

Last synced: 26 Dec 2024

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

PostCSS plugin easily write flex

flex plugin postcss postcss-flex-alias

Last synced: 27 Dec 2024

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

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

lost-grid postcss react styled-components

Last synced: 26 Dec 2024

https://github.com/daveinchy/simple-react-template

This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable

css postcss react tailwindcss webpack

Last synced: 02 Jan 2025

https://github.com/kimulaco/postcss-amp-custom

PostCSS plugin to optimize CSS source for AMP HTML.

amp amp-html postcss

Last synced: 03 Jan 2025

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 25 Nov 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