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-08 00:19:12 UTC
- JSON Representation
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: 07 Nov 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/alexandrecpedro/rocketseat-event-platform
Rocketseat event platform (video content)
apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs
Last synced: 03 Jan 2025
https://github.com/alexandrecpedro/habits-setup
Habits platform for web and mobile - NLW Setup
expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 03 Jan 2025
https://github.com/alexandrecpedro/world-cup-polls
World Cup Polls platform for web and mobile - NLW World Cup
expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup
Last synced: 03 Jan 2025
https://github.com/alexandrecpedro/esports
eSports platform for web and mobile - NLW eSports
esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite
Last synced: 03 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 Nov 2024
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/melhosseiny/get-rhythm
PostCSS plugin to generate vertical rhythm using a modular typographic scale
Last synced: 22 Nov 2024
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/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 22 Nov 2024
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: 11 Oct 2024
https://github.com/vinks/redux-ultimate-ssr
A complex starter react boilerplate for an universal web application with express api backend and server side render.
axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2
Last synced: 12 Nov 2024
https://github.com/ynaka6/nakamu.me
My profile site
netlify nuxtjs postcss tailwindcss
Last synced: 21 Dec 2024
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/vedhatech002/we-cook
a food delivery like app, it shows restarunts list based on location. using swiggy API
food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss
Last synced: 04 Jan 2025
https://github.com/fuckdoctors/my-vue2-elm
基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm
code-splitting postcss vue vue-cli vue-router vue2 vuex
Last synced: 08 Oct 2024
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: 14 Nov 2024
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: 14 Nov 2024
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: 14 Nov 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/tzachbon/css.jsx
Write your CSS like JSX
babel css css-framework jsx postcss react tsx
Last synced: 23 Nov 2024
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/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: 21 Nov 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: 12 Nov 2024
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 Nov 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 Nov 2024
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: 14 Nov 2024
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/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/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/efiand/gulp-static
Сборка для создания статического сайта на gulp.
boilerplate esbuild eslint gulp image-optimization pixelperfect portfolio-project postcss sprite stylelint w3c-validation webp
Last synced: 14 Nov 2024
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/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: 20 Nov 2024
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/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/fullstack-dev3/halo-insurance
Halo Insurance Website by Next.js
eslint insurance nextjs postcss reactjs tailwindcss
Last synced: 05 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/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/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 05 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 Oct 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/chenycl/react-pro
react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css
antd classnames hooks mock postcss react react-redux react-router-dom sass
Last synced: 12 Nov 2024
https://github.com/macx/vite-starterkit
Starterkit using Vite with pre-configured Sass and Post-CSS
Last synced: 19 Nov 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: 16 Nov 2024
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: 16 Nov 2024
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/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/mitulagr2/phraseshift
A user-friendly transcript editor.
bun jest postcss react tailwindcss transcription 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: 12 Nov 2024
https://github.com/fourjuaneight/docker-hugo-testing
👷🏽♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.
Last synced: 20 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/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/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/abhinav0115/abhinav-anand-portfolio
This is my portfolio website
css html5 javascript lucide-icons nextjs13 postcss reactjs resend-email scrollreveal tailwindcss tyepscript
Last synced: 20 Nov 2024
https://github.com/matijaoe/vue-anu-starter
🔮 Vue & Anu starter template
anu iconify pinia postcss unocss unplugin-auto-import unplugin-vue-components unplugin-vue-macros vue
Last synced: 17 Nov 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/glauberramos/travel-planner
Simple website to create travel plans
cssmodules express nodejs postcss react redux sequelize
Last synced: 06 Dec 2024
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/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/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/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 Nov 2024
https://github.com/quramy/fuse-postcss-example
A Fuse-Box with PostCSS example repository.
Last synced: 07 Dec 2024
https://github.com/hrfmmymt/iiyatsu
a hrfmmymt's weblog.
fastify nodejs postcss pwa service-worker typescript vercel
Last synced: 17 Nov 2024
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: 17 Nov 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: 16 Nov 2024
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: 07 Dec 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/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 20 Dec 2024
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 Oct 2024
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/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: 01 Oct 2024
https://github.com/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 13 Nov 2024
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: 13 Nov 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/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: 13 Nov 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: 13 Nov 2024
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: 26 Sep 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/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 14 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 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/francoisromain/system.css
A minimal CSS boilerplate
css grid-system postcss typescale
Last synced: 17 Nov 2024
https://github.com/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
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/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/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 13 Nov 2024
https://github.com/rumenpetrov/frontend-starter-kit
Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.
architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini
Last synced: 14 Nov 2024
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/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 13 Nov 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
