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/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/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/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/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/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/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 22 Jan 2025

https://github.com/davidwarrington/postcss-responsive-classes

Generate responsive class variants with responsive at-rule

css postcss

Last synced: 21 Dec 2024

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

adds and extends some properties

plugin postcss postcss-propro

Last synced: 16 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/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/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/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/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/garraflavatra/jekyll-tailwind-template

This template configures Jekyll to work with Tailwind CSS and PostCSS.

jekyll postcss tailwindcss

Last synced: 28 Dec 2024

https://github.com/aeyoll/postcss-imageset-type

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

image-set postcss

Last synced: 20 Dec 2024

https://github.com/atakantepe/tailwindcss-parser

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

css-parser json postcss tailwind-css utility-tool web-development

Last synced: 27 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/fitri-hy/dev-framework

Fullstack framework designed for building modern web applications with ease

dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack

Last synced: 11 Oct 2024

https://github.com/francoisromain/system.css

A minimal CSS boilerplate

css grid-system postcss typescale

Last synced: 17 Jan 2025

https://github.com/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Jan 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: 31 Dec 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/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/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/keqingrong/postcss-font-family-correction

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 17 Dec 2024

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/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 28 Oct 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/vinks/redux-ultimate-ssr

A complex starter react boilerplate for an universal web application with express api backend and server side render.

axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2

Last synced: 11 Jan 2025

https://github.com/rqbazan/aimo-challenge

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/aholachek/basic-postcss-setup

A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general

postcss shoelacecss starter-template

Last synced: 05 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/chenycl/react-pro

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css

antd classnames hooks mock postcss react react-redux react-router-dom sass

Last synced: 11 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: 27 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: 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/abradifcode/webpack-boilerplate

Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome

babel boilerplate bootstrap3 font-awesome postcss scss webpack3

Last synced: 11 Jan 2025

https://github.com/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 27 Dec 2024

https://github.com/joserafael0160/clock

A basic clock made with HTML, PostCSS and JS

basic-clock clock clock-web html javascript postcss web-clock

Last synced: 12 Jan 2025

https://github.com/cxspxr/vue-cli-plugin-sugarss

:strawberry: SugarSS support for vue-cli projects

postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack

Last synced: 07 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: 29 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/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/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 13 Jan 2025

https://github.com/thenamevishnu/night-owl-client

(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.

axios css eslint jwt-authentication postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/ricardobalk/ricardo.nu

My personal link redirection website, kinda like Linktree, but free (libre) and open source.

allmylinks hacktoberfest hacktoberfest2022 linktree nuxt3 postcss remix tailwindcss typescript vite vue3

Last synced: 12 Jan 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: 27 Dec 2024

https://github.com/gsoft-inc/wl-web-configs

Shared configurations for building web applications at Workleap.

browserslist eslint postcss stylelint swc tsup typescript webpack

Last synced: 18 Oct 2024

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

Functional examples for using Fylgja with popular tools and frameworks.

fylgja parceljs postcss scss vite webpack webpack-encore

Last synced: 29 Jan 2025

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/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/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 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/premierstacks/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: 24 Jan 2025

https://github.com/premierstacks/browser-webpack-typescript-react-app-template

The Browser Webpack TypeScript React App Template offers a complete foundation for developing modern browser-based applications with TypeScript, React, and Webpack. Featuring pre-configured setups for React components, TypeScript, and asset optimization, this template streamlines your development workflow while ensuring clean and maintainable code.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/node-webpack-typescript-library-template

The Node Webpack TypeScript Library Template is an optimized starting point for developing TypeScript-based libraries in a Node.js environment. With built-in configurations for Webpack, TypeScript, ESLint, and Prettier, this template helps streamline the development process and ensures consistent code quality and performance.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/webpack-stack

The Webpack Stack offers a collection of ready-to-use configurations for building, bundling, and optimizing JavaScript, TypeScript, and React applications. It provides pre-configured setups designed for both browser and Node.js environments, allowing you to quickly get started with complex Webpack projects without spending time on configuration.

javascript nodejs postcss premierstacks react stack tomchochola typescript webpack

Last synced: 24 Jan 2025

https://github.com/premierstacks/postcss-stack

The PostCSS Stack is a pre-configured set of PostCSS configurations designed to streamline CSS transformations for projects of any scale. Whether you’re using PostCSS directly through the command line or integrating it into a build tool like Webpack, this stack offers an optimized setup that works seamlessly in multiple environments.

nodejs postcss premierstacks stack tomchochola webpack

Last synced: 24 Jan 2025

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

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 06 Dec 2024

https://github.com/ulyanov-programmer/takeaway-delivery

Landing page with full-screen scrolling and animations.

css gulp html js landing postcss ts

Last synced: 18 Jan 2025

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

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

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

Last synced: 24 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: 18 Jan 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: 08 Oct 2024

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

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 19 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/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 27 Dec 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/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: 29 Jan 2025

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