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/winston0410/sparrow
A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin
hongkong postcss postcss-plugins
Last synced: 10 Feb 2025
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/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/semanticdata/svelte-milkdown
🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.
example markdown markdown-editor milkdown postcss svelte tailwindcss typescript
Last synced: 18 Jan 2025
https://github.com/braggiouy/ecommerce-template-vue
🔰 Website using VueJS, TailwindCSS and PostCSS 🔰
Last synced: 18 Jan 2025
https://github.com/milliorn/cryptocurrency-list
Web application built with React, showcasing a list of cryptocurrencies along with their details.
autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 12 Jan 2025
https://github.com/intellicode/boilerplate-2016
Boilerplate code for a modern Javascript application (2016)
boilerplate cssnext postcss react webpack
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/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/fantasyui-com/larceny
Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]
Last synced: 11 Jan 2025
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/emilbayes/css-pipeline
My personal PostCSS based CSS pipeline
Last synced: 05 Feb 2025
https://github.com/ka215/sloth
Mobile-first CSS Lightweight Framework. It has reduced styling coding costs to a minimum with non-BEM and simpler naming conventions than OOCSS.
css framework front-end mobile-first postcss responsive sass web
Last synced: 23 Jan 2025
https://github.com/omnious-dev/omnious-web-utils
Web utils for omnious.
css javascript postcss react typescript
Last synced: 20 Jan 2025
https://github.com/thoughtbit/postcss-simple-utils
:cyclone: PostCSS插件,基础工具库
Last synced: 10 Jan 2025
https://github.com/marijanasevo/silkenskin
Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss
cssmodules firebase firebase-auth postcss react redux stripe typescript vite
Last synced: 26 Jan 2025
https://github.com/thiagoow/personalizedbanner-croct-plugreact
Projeto desenvolvido com React.js & estilizado com Tailwind + PostCSS & autoprefixer. Juntamente com a libs '@croct/plug-react' & 'react-router-dom'.
autoprefixer code-challenge croct croct-cse croct-plug postcss react react-js tailwind-css tailwindcss
Last synced: 21 Jan 2025
https://github.com/privatenumber/postcss-custom-properties-transformer
PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)
custom hash mangle minify plugin postcss properties transform
Last synced: 18 Feb 2025
https://github.com/noviel/webpack-features
Configure webpack quickly and without pain
bundle css-modules postcss presets react typescript webpack webpack-features
Last synced: 26 Jan 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/letsjaam/postcss-letter-tracking
PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.
letter-spacing letter-tracking postcss postcss-plugin typography
Last synced: 12 Nov 2024
https://github.com/omnious/omnious-web-utils
Web utils for omnious.
css javascript postcss react typescript
Last synced: 29 Jan 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/theodesp/rollup-starter
Starter project using Rollup module bundler complete with livereload and postcss
es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template
Last synced: 02 Feb 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/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/lanceguyatt/fronter
Front-end starter kit.
development-workflow gulpjs postcss pug webpack2
Last synced: 10 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/fourjuaneight/docker-hugo-postcss
👷🏽♂️ Docker base image that includes Hugo, npm, and PostCSS.
Last synced: 21 Jan 2025
https://github.com/minagishl/postcss-classname-obfuscator
This PostCSS plugin replaces CSS class names with hard-to-guess characters.
obfuscate postcss postcss-plugin typescript
Last synced: 18 Feb 2025
https://github.com/fboulnois/sveltekit-template
A SvelteKit 2 and Tailwind CSS template with a few other defaults.
eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest
Last synced: 22 Jan 2025
https://github.com/mariusz-ba/postcss-ms-grid
PostCSS plugin for adding css-grid fallback for IE.
css-grid grid ie11 ie11-grid postcss postcss-plugin
Last synced: 10 Nov 2024
https://github.com/ynaka6/nakamu.me
My profile site
netlify nuxtjs postcss tailwindcss
Last synced: 14 Feb 2025
https://github.com/calvinkarundu/cssqueeze
A CLI wrapper for cssnano
cli css cssnano minify optimization optimize-css-files postcss
Last synced: 18 Feb 2025
https://github.com/sadcitizen/postcss-config
@sadcitizen/postcss-config - PostCSS shareable config
postcss postcss-config postcss-preset
Last synced: 08 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/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 03 Jan 2025
https://github.com/brunogroth/livewire
Learning Livewire | PHP & Laravel & Livewire & TailwindCSS
laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss
Last synced: 08 Jan 2025
https://github.com/cyruskabir/testimonial-page-html-css-
This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...
css devchallengesio html postcss vite
Last synced: 18 Feb 2025
https://github.com/dopaminedriven/next-portfolio
developer/engineer facing portfolio
customization font-awesome icons nextjs patching postcss postinstall react static-site-generator tailwindcss typescript vercel
Last synced: 21 Jan 2025
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: 18 Feb 2025
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: 15 Feb 2025
https://github.com/exslym/pub_vite-template
Custom project VITE configuration template
autoprefixer babel css3 eslint eslint-config-prettier eslint-plugin-prettier html5 javascript postcss prettier scss scss-mixins sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy
Last synced: 13 Jan 2025
https://github.com/exslym/d-creative-studio
D-Creative Studio
animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss sass webpack5
Last synced: 13 Jan 2025
https://github.com/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 13 Jan 2025
https://github.com/pierrecholhot/hank
Live OS monitoring UI built on top of HighCharts.js
babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack
Last synced: 15 Jan 2025
https://github.com/efiand/netbiblio
Интернет-архив авторской русскоязычной литературы.
a11y admin-panel amp api commercial design favicons mobile-first nodejs opengraph portfolio-project postcss postgresql prisma semantics spa sveltekit svg typography webp
Last synced: 13 Jan 2025
https://github.com/efiand/gulp-static
Сборка для создания статического сайта на gulp.
boilerplate esbuild eslint gulp image-optimization pixelperfect postcss sprite stylelint w3c-validation webp
Last synced: 13 Jan 2025
https://github.com/sohanemon/dragon-news
🚀 postcss, tailwind
combinators css firebase-auth postcss react react-hot-toast tailwindcss
Last synced: 15 Jan 2025
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: 18 Feb 2025
https://github.com/halvaradop/ui
A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.
pnpm postcss react storybook tailwindcss ui ui-library
Last synced: 09 Nov 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: 18 Feb 2025
https://github.com/fullstack-dev3/halo-insurance
Halo Insurance Website by Next.js
eslint insurance nextjs postcss reactjs tailwindcss
Last synced: 05 Jan 2025
https://github.com/mitulagr2/phraseshift
A user-friendly transcript editor.
bun jest postcss react tailwindcss transcription typescript
Last synced: 18 Feb 2025
https://github.com/silvestrevivo/react-parcel-starter
This is a ReactJS project starter developed with ParcelJS. It contains Eslint and PostCSS integration to improve performing during developement and production.
babel eslint parcel-bundler parceljs postcss react react-starter-kit reactjs
Last synced: 25 Nov 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: 18 Feb 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/ryan-dorman/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 Jan 2025
https://github.com/osamamammar/etch-a-sketch
JS practice project from (The Odin Project). etch a sketch
css game html javascript postcss pugjs theodinproject workflow
Last synced: 01 Feb 2025
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: 18 Feb 2025
https://github.com/gustavomorinaga/extension-whatsapp
📞 Demo extension for WhatsApp, using SvelteKit
chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web
Last synced: 28 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: 18 Feb 2025
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: 08 Feb 2025
https://github.com/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 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: 04 Feb 2025
https://github.com/lordpluha-zz/devgulp
Creating gulpfile strater-project, based on newest stable trends
css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint
Last synced: 17 Jan 2025
https://github.com/nafizpervez/payme
a Responsive Payment Application Based on Flutter and Laravel
api-rest axios bootstrap5 flutter flutter-app flutter-getx flutter-web laravel-framework php-library postcss qrcode-scanner sass vuejs
Last synced: 08 Jan 2025
https://github.com/rasulwebs/mongodb-starter
First step integrated using Atlas platform using MongoDB database through Vercel. This makes FullStack projects easier and more convenient.
atlas css dotenv mongodb next nextauth postcss react tailwindcss typescript vercel
Last synced: 12 Feb 2025
https://github.com/sumingcheng/moduvue
基于Webpack5和Vue3的框架,提供了许多常用的功能和工具,可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。
autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5
Last synced: 11 Jan 2025
https://github.com/a-x-/postcss-global-nested
Wrap styles into a :global like postcss-nested does it for usual selectors
postcss postcss-nested postcss-plugin
Last synced: 11 Feb 2025
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: 12 Feb 2025
https://github.com/arden-rh/shelf-control
A web app for managing your personal library
firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite
Last synced: 11 Feb 2025
https://github.com/bush1d3v/solidity-todo-app
Solidity Todo App is an solidity study project, integrated with web3 and vue.js.
biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js
Last synced: 16 Jan 2025
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: 22 Jan 2025
https://github.com/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 12 Feb 2025
https://github.com/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 09 Jan 2025
https://github.com/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 Nov 2024
https://github.com/tshasan/tshasan.com
A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.
daisyui pnpm postcss sveltekit tailwind-css vite
Last synced: 11 Feb 2025
https://github.com/mauroreisvieira/preact-tailwind
Preact + Tailwind start project.
Last synced: 15 Feb 2025
https://github.com/saionaro/postcss-transform-pxvw
The postcss plugin which allows using pixels for responsive layouts
css postcss postcss-plugin responsive
Last synced: 28 Jan 2025
https://github.com/boddepallyvenkatesh06/employee-entry-full-stack
Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form
nodejs-s3 postcss reractjs tailwindcss
Last synced: 16 Jan 2025
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 Feb 2025
https://github.com/karsanda/postcss-indonesian-stylesheets
Write your CSS in Indonesian
bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin
Last synced: 16 Jan 2025
https://github.com/shrpne/postcss-clear-flex
Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.
Last synced: 04 Feb 2025
https://github.com/pras75299/imagegallery
Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer
autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss
Last synced: 16 Jan 2025
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/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/rafaeldevvv/pokon
Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.
eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript
Last synced: 18 Feb 2025
https://github.com/maybemonad/vite-lib-starter
postcss react tailwindcss typescript
Last synced: 13 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 Jan 2025
https://github.com/thinknathan/web-app-starter-project
Web app template with TypeScript, PostCSS, Workbox & PWA Asset Generator. Has Github Actions to publish via Electron for desktop or Capacitor for Android.
capacitorjs cross-platform-development electronjs esbuild multi-platform-builder postcss progressive-web-app pwa template typescript web-app webdev workbox
Last synced: 02 Nov 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/jorgeatgu/gulp-postcss
:small_red_triangle: Empezando a trabajar con postCSS en Gulp
Last synced: 06 Jan 2025