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-06 00:23:42 UTC
- JSON Representation
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: 17 Dec 2024
https://github.com/danny-englander/quartz
A Drupal 10 Single Directory Components theme using PostCSS and Storybook
components css drupal laravelmix postcss storybook twig
Last synced: 28 Dec 2024
https://github.com/cheesecakelabs/gatsby-boilerplate
Cheesecake Labs + Gatsby = 💜
eslint postcss storybook stylelint
Last synced: 16 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/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/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/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/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 Oct 2024
https://github.com/hesiod3c/react-universal
React Universal UI (in development)
java javascript objective-c postcss python react react-native reactiveui redux
Last synced: 17 Dec 2024
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: 14 Dec 2024
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/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/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/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: 11 Oct 2024
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/lanceguyatt/fronter
Front-end starter kit.
development-workflow gulpjs postcss pug webpack2
Last synced: 18 Dec 2024
https://github.com/yukihirai0505/portfolio
:satisfied: My portfolio by React.js
css3 es6 html5 portfolio portfolio-website postcss react reactjs
Last synced: 13 Jan 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/nju33/yosuga
CSS styleguide generator
css generator less nuxt postcss sass styleguide stylus
Last synced: 19 Dec 2024
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/macx/vite-starterkit
Starterkit using Vite with pre-configured Sass and Post-CSS
Last synced: 20 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/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/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/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/devbyray/raymonschouwenaar-blog
RaymonSchouwenaar.nl blog
asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack
Last synced: 12 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/garraflavatra/jekyll-tailwind-template
This template configures Jekyll to work with Tailwind CSS and PostCSS.
Last synced: 28 Dec 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/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/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/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 01 Feb 2025
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/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 Oct 2024
https://github.com/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
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/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 23 Jan 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/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/joyontokarmakar/tailwind-css-starter-pack
postcss starter-pack tailwindcss
Last synced: 31 Jan 2025
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/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/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/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 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: 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/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: 27 Dec 2024
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/glauberramos/travel-planner
Simple website to create travel plans
cssmodules express nodejs postcss react redux sequelize
Last synced: 01 Feb 2025
https://github.com/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 12 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/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
Last synced: 27 Dec 2024
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: 27 Dec 2024
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/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/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 Oct 2024
https://github.com/davidwarrington/postcss-responsive-classes
Generate responsive class variants with responsive at-rule
Last synced: 21 Dec 2024
https://github.com/danielbayley/atom-source-preview-postcss
:atom: @Atom source-preview provider for @PostCSS.
apm atom coffeescript css editor package plugin postcss preprocessor preview source
Last synced: 19 Dec 2024
https://github.com/maybemonad/vite-lib-starter
postcss react tailwindcss typescript
Last synced: 13 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/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/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
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/jorgeatgu/gulp-postcss
:small_red_triangle: Empezando a trabajar con postCSS en Gulp
Last synced: 06 Jan 2025
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 14 Dec 2024
https://github.com/kimulaco/postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML.
Last synced: 03 Jan 2025
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/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/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/bntzio/reaction
A super simple yet powerful react + redux boilerplate
babel boilerplate eslint karma mocha postcss react redux webpack
Last synced: 30 Dec 2024
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/fabberr/nlw9-web
Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.
css3 html5 postcss react twitch typescript vitejs
Last synced: 15 Dec 2024
https://github.com/tomchochola/tomchochola
Welcome to my GitHub profile! In this document, I'll share a bit about myself, how to get in touch, what I do, and why I created Premierstacks—an exclusive collection of development solutions. I’ll also explain what Premierstacks offers, and why I believe investing in high-quality, proprietary software is the key to successful projects.
eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack
Last synced: 30 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/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/jl-olemar/olemar-github-finder
App for finder yout github profile.
axios daisyui husky postcss react react-router-dom-v6 tailwindcss vite
Last synced: 05 Feb 2025
