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/milliorn/web-browser-chat-app
Simple messenger app through the web browser.
autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 07 Feb 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/creeperyang/postcss-percentage
PostCSS plugin to transform percentage() function
percentage postcss postcss-plugin postcss-plugins
Last synced: 11 Jan 2025
https://github.com/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 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/danieledefoe/pokemon-memory-game
Pokemon Memory Card Game
css3 html5 javascript postcss react tailwindcss theodinproject vite
Last synced: 19 Feb 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/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/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/sebastian-software/edgeapp
[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.
boilerplate graphql-client jest postcss redux storybook webpack webpack2
Last synced: 25 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/scottcrowley/default-laravel-tailwind-preset
A Laravel preset with default setup and TailwindCSS
Last synced: 09 Feb 2025
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/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/xeptore/sdfa
babel babel7 educational electron electron-builder javascript js postcss pug pugjs sass scss vue vuejs vuejs2 webpack webpack4 yarn
Last synced: 09 Feb 2025
https://github.com/hesiod3c/react-universal
React Universal UI (in development)
java javascript objective-c postcss python react react-native reactiveui redux
Last synced: 09 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/yeojz/create-react-app-postcss-starter
Example setup for PostCSS using create-react-app without running eject
create-react-app postcss react starter
Last synced: 17 Feb 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/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/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/patrickxchong/patrickxchong.com
Personal website of Patrick Chong
alpinejs eleventy postcss tailwindcss
Last synced: 14 Feb 2025
https://github.com/thoughtbit/postcss-cssplus
:cyclone: PostCSS 插件包,一个现代的、灵活的、优雅的 CSS 处理器。
Last synced: 07 Feb 2025
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/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/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/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