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-01-25 00:23:08 UTC
- JSON Representation
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/thenamevishnu/black-board
Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.
canvas eslint postcss reactjs tailwindcss vite
Last synced: 12 Jan 2025
https://github.com/pchalupa/custom-elements-kickoff
Custom elements kickoff template.
eslint javascript jest jsdoc postcss stylelint
Last synced: 21 Dec 2024
https://github.com/macx/vite-starterkit
Starterkit using Vite with pre-configured Sass and Post-CSS
Last synced: 20 Jan 2025
https://github.com/garraflavatra/jekyll-tailwind-template
This template configures Jekyll to work with Tailwind CSS and PostCSS.
Last synced: 28 Dec 2024
https://github.com/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
https://github.com/keqingrong/postcss-font-family-correction
A PostCSS plugin to correct font-family values
Last synced: 17 Dec 2024
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/silvermine/postcss-css-var-fallback
PostCSS plugin to insert fallbacks for CSS Custom Properties
css css-custom-properties css-variables postcss
Last synced: 14 Nov 2024
https://github.com/tomchochola/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: 19 Nov 2024
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/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/everproof/blueq-react-boilerplate
BlueQ's React App boilerplate
babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2
Last synced: 25 Jan 2025
https://github.com/seniorjoinu/react-frontend-skeleton
Don't waste your time
ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack
Last synced: 16 Jan 2025
https://github.com/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 07 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/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/joyontokarmakar/tailwind-css-starter-pack
postcss starter-pack tailwindcss
Last synced: 04 Dec 2024
https://github.com/hrfmmymt/iiyatsu
a hrfmmymt's weblog.
fastify nodejs postcss pwa service-worker typescript vercel
Last synced: 17 Jan 2025
https://github.com/halilatilla/todo-up
Todo-Up
drag-and-drop eslint husky lint-staged nextjs postcss prettier react tailwindcss typescript
Last synced: 22 Jan 2025
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/rbelling/postcss-safe-curly-braces
PostCSS plugin to transform '}}' in '} }'
css handlebars postcss postcss-plugin vuejs
Last synced: 16 Jan 2025
https://github.com/nju33/postcss-octicon
Postcss plugin for octicons
base64 icons octicon postcss postcss-plugin svg
Last synced: 23 Jan 2025
https://github.com/tharunoptimus/super-slow-portfolio
A cool looking ultra slow portfolio - manual deploy
emailjs framer-motion maath postcss react react-three tailwindcss threejs vite
Last synced: 09 Jan 2025
https://github.com/erkobridee/vite-react-ts
first contact using the Vite.js, TS, React, PostCSS and TailwindCSS
postcss react tailwindcss template typescript vitejs
Last synced: 18 Jan 2025
https://github.com/eckelon/astral-initializer
Boilerplate for creating a webapp using the astral framework, created by @jorgeATGU
astral boilerplate css initializer node postcss web
Last synced: 23 Jan 2025
https://github.com/abhinav0115/abhinav-anand-portfolio
This is my portfolio website
css html5 javascript lucide-icons nextjs13 postcss reactjs resend-email scrollreveal tailwindcss tyepscript
Last synced: 21 Jan 2025
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
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.
Last synced: 21 Jan 2025
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: 07 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/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 23 Jan 2025
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.
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/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/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/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/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/keidrun/boilerplate-react
Boilerplate of React with Webpack.
boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2
Last synced: 23 Jan 2025
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/timscodebase/design-tim
This is my personal website.
html-css-javascript postcss svelte sveltekit typescript
Last synced: 02 Dec 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/braswelljr/hit
Hive Institute Website
autoprefixer nextjs postcss react tailwindcss vercel
Last synced: 15 Dec 2024
https://github.com/interglobalmedia/letsbcoding
Fully functional site, but still a bit of a work in progress. Check it out!
automated-git-deployments composer environment-variables modern-javascript npm npm-scripts npmjs php7 phpcs phpdotenv plugin-creation postcss sass siteground wordpress wordpress-custom-theme wordpress-development wordpress-scripts wordpress-theme workflow-refactor
Last synced: 02 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/aggutierrez98/aggutierrez-portfolio
cssmodules framer-motion nextjs personal-website postcss react typescript
Last synced: 28 Nov 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/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/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/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/shreyasarker/socialuxe
Social Media App using React and Sanity
crypto-js js-cookie jwt-decode postcss reacrjs react-icons react-loader-spinner react-masonry-css react-oauth-google react-router-dom sanity sanity-image-url tailwindcss uuid
Last synced: 16 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/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/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/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.
Last synced: 10 Dec 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 23 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/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.
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/olemar-github-finder
App for finder yout github profile.
axios daisyui husky postcss react react-router-dom-v6 tailwindcss vite
Last synced: 12 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/vymalo/api-watcher-ui
UI App for the SMS API Watcher, a Stub server for APIs
cssnano html html5 javascript openapi openapi3 postcss prettier react react-router reactjs redux-toolkit rtk-query scss socket-io tailwindcss toolkit typescript websocket
Last synced: 23 Jan 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: 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/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 17 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/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: 17 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/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/amoutonbrady/bmi-app
Demo visible at:
experiment hyperhtml postcss rollup
Last synced: 24 Dec 2024
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 01 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: 18 Dec 2024
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: 27 Dec 2024
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/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/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/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.
Last synced: 19 Dec 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