Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
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.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2025-02-14 00:19:16 UTC
- JSON Representation
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/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/mauroreisvieira/redom-tailwindcss
Test RE:DOM & Tailwind CSS
documentation framework javascript library postcss redom tailwindcss
Last synced: 15 Feb 2025
https://github.com/mayank99/remix-djent-stack
Remix stack with basic postcss-preset-env, code formatting, linting etc
Last synced: 14 Nov 2024
https://github.com/fourjuaneight/docker-hugo-postcss
👷🏽♂️ Docker base image that includes Hugo, npm, and PostCSS.
Last synced: 21 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/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/efiand/gulp-template
Шаблон с SSR/SPA на Vue и Svelte
a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/thoughtbit/postcss-cssplus
:cyclone: PostCSS 插件包,一个现代的、灵活的、优雅的 CSS 处理器。
Last synced: 07 Feb 2025
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/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/best-shot/postcss-plugin-matcher
PostCSS plugin for limit plugins matching
Last synced: 29 Jan 2025
https://github.com/arpitgo4/react-redux-scaffold
Scaffolding for frontend only applications with React-Redux.
babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware
Last synced: 01 Jan 2025
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/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/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/joseffie/gulp-joseffie-tailwind-pack
Front-end boilerplate and framework based on Gulp, Pug, SCSS, Tailwind and Babel.
automatization babel bem bem-tools development-environment development-tools development-workflow eslint gulp lint-staged postcss pug scss starterkit stylelint tailwind webpack
Last synced: 21 Jan 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/magsout/magsout.com
magsout personal website
personal-website personal-website-homepage postcss prettier
Last synced: 02 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/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/eckertalex/eckertalex.dev
Personal Blog
blog dark-mode-toggle dark-theme eslint mdx nextjs postcss prettier prism react tailwindcss typescript
Last synced: 29 Jan 2025
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/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/tiagom13/pokedex
Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.
axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript
Last synced: 31 Jan 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/retyui/postcss-finding-dead-css
Idea: https://csswizardry.com/2018/01/finding-dead-css/
Last synced: 21 Jan 2025
https://github.com/creative-tutorials/html-tailwind
HTML Tailwind boilerplate
css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss
Last synced: 18 Feb 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/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/melhosseiny/get-rhythm
PostCSS plugin to generate vertical rhythm using a modular typographic scale
Last synced: 23 Jan 2025
https://github.com/sugarcoat/sugarcoat-example-project
Sugarcoat Example Project
css cssnext documentation jsdoc less library living living-documentation pattern pattern-library postcss sass styleguide
Last synced: 26 Jan 2025
https://github.com/ezavile/postcss-typescript-kickstart
Simple boilerplate to kick start your new PostCSS plugin with TypeScript
boilerplate kickstart postcss postcss-plugin typescript
Last synced: 18 Feb 2025
https://github.com/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
Last synced: 18 Feb 2025
https://github.com/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 12 Jan 2025
https://github.com/glauberramos/travel-planner
Simple website to create travel plans
cssmodules express nodejs postcss react redux sequelize
Last synced: 01 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/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 09 Feb 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/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 Jan 2025
https://github.com/keqingrong/postcss-font-family-correction
A PostCSS plugin to correct font-family values
Last synced: 09 Feb 2025
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/tolking/postcss-flex-alias
PostCSS plugin easily write flex
flex plugin postcss postcss-flex-alias
Last synced: 18 Feb 2025
https://github.com/quramy/fuse-postcss-example
A Fuse-Box with PostCSS example repository.
Last synced: 02 Feb 2025
https://github.com/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 02 Feb 2025
https://github.com/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 09 Feb 2025
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: 18 Feb 2025
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: 18 Feb 2025
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: 26 Jan 2025
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 05 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/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
https://github.com/ezzeddinp/ecommerce-store
Build with NextJs13 App Router
cms mysql postcss prisma-orm react-hot-toast stripe-payments tailwindcss typescript zustand
Last synced: 02 Feb 2025
https://github.com/macx/vite-starterkit
Starterkit using Vite with pre-configured Sass and Post-CSS
Last synced: 20 Jan 2025
https://github.com/chandraprakash-bathula/hunger-bites-restaurant_app
A React.JS Application with live API data from SWIGGY.
babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss
Last synced: 09 Feb 2025
https://github.com/winston0410/postcss-sparrow-props-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by properties.
Last synced: 28 Oct 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: 09 Feb 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/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/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/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/alex-kinokon/postcss-light-dark
PostCSS implementation of light-dark() function
Last synced: 12 Jan 2025
https://github.com/koval01/tonview-svelte
Ton explorer on Svelte with Framework7
cloudflare-pages framework7 javascript notcoin postcss svelte sveltejs tailwind tailwindcss telegram ton toncoin typescript vite
Last synced: 10 Feb 2025
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: 12 Feb 2025
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/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: 02 Feb 2025
https://github.com/awayken/2017-christmas-card
ESCAPE from the MAZE PLANET
christmas-card nuxt postcss showcase vue
Last synced: 26 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/saibarathr/react-audio-wave-modern
ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.
audio-visualizer npm postcss reactjs typescript waveform
Last synced: 16 Feb 2025
https://github.com/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
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/
Last synced: 13 Jan 2025
https://github.com/lunanezha/gc-capital-framer
It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.
finance headlessui motion nextjs postcss react responsive tailwindcss typescript
Last synced: 10 Feb 2025
https://github.com/dormanator/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 Nov 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: 18 Feb 2025
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/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/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: 26 Jan 2025
https://github.com/aggutierrez98/aggutierrez-portfolio
cssmodules framer-motion nextjs personal-website postcss react typescript
Last synced: 26 Jan 2025
https://github.com/franekstein/react-ts-starter
Modern React & Typescript boilerplate.
cssmodules postcss react sass typescript webpack
Last synced: 26 Jan 2025
https://github.com/exslym/main_vite-template_dnr
Custom project VITE configuration for DnR template
autoprefixer babel7 css3 eslint html5 javascript postcss prettier scss sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy vitejs
Last synced: 13 Jan 2025
https://github.com/mrarvind90/fcc-impulsivity
A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB
daisyui freecodecamp mongodb next-auth nextjs postcss prisma tailwindcss typescript zod
Last synced: 06 Jan 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/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/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/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/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 18 Oct 2024
https://github.com/the-holocron/threepio
The protocol droid.
babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config
Last synced: 18 Oct 2024
https://github.com/loreina/base
Webpack 4 starter (babel, eslint, sass, postcss)
babel eslint html javascript nodejs postcss scss webpack
Last synced: 10 Feb 2025
https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd
🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,
antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn
Last synced: 11 Jan 2025
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: 10 Feb 2025
https://github.com/jorgeatgu/gulp-postcss
:small_red_triangle: Empezando a trabajar con postCSS en Gulp
Last synced: 06 Jan 2025