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-28 00:23:16 UTC
- JSON Representation
https://github.com/angelmtztrc/tailwindcss-darkmode
A basic example of Dark/Light mode with TailwindCSS and ReactJS.
javascript postcss reactjs tailwindcss
Last synced: 09 Dec 2024
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
https://github.com/lagden-development/lagden.dev
The official website for Lagden Development; built with NextJS and TypeScript.
eslint js nextjs postcss react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/arturi/template-css
Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin
css css-in-js cssinjs postcss template-literals template-string
Last synced: 09 Dec 2024
https://github.com/bhallstein/jigmawiffin
Those nitpicky webpack, babel, and postcss deps you always need.
babel css javascript postcss react tooling webpack
Last synced: 09 Dec 2024
https://github.com/milliorn/tea-cozy
Template done in Tailwind UI using GatsbyJS
autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template
Last synced: 14 Dec 2024
https://github.com/iwatanikenji/event-platform
GraphCMS integrated application developed to organize classes and livestreams based on a launch date
apollo graphcms graphql phosphoricons postcss router-dom tailwindcss
Last synced: 23 Dec 2024
https://github.com/the-puppet-studios/sveltis
Sveltis is a preset for building modern Svelte applications.
nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript
Last synced: 12 Oct 2024
https://github.com/milliorn/travel-agency
Mobile responsive site using React and Tailwind
autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript
Last synced: 14 Dec 2024
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: 05 Dec 2024
https://github.com/lorenzorapetti/tailwindcss-parcel
Template with tailwindcss and parcel
parcel parcel-bundler postcss tailwindcss template
Last synced: 04 Dec 2024
https://github.com/takayyz/graphql-training
GraphQLの学習用
docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript
Last synced: 27 Dec 2024
https://github.com/jgarber623/eleventy-plugin-postcss
An Eleventy plugin for processing CSS files with PostCSS.
11ty 11ty-plugin eleventy eleventy-plugin postcss
Last synced: 09 Oct 2024
https://github.com/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate
Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync
hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development
Last synced: 21 Jan 2025
https://github.com/cogoo/react-skeleton
React Starter w/ Webpack, PostCSS, Tailwind, ESLint
eslint postcss react react-starter reactjs tailwind tailwindcss webpack4
Last synced: 05 Dec 2024
https://github.com/morzhanov/react-ts-boilerplate
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4
Last synced: 30 Dec 2024
https://github.com/morzhanov/react-flow-boilerplate
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack
Last synced: 30 Dec 2024
https://github.com/rc6799/vue-sell-car
Flutter Buy Sell
axios postcss sass tailwindcss vue3
Last synced: 07 Jan 2025
https://github.com/milliorn/starbucks-landing-page
Mock landing page using React and Tailwind.
autoprefixer clone css css3 html html-css html-css-javascript html5 landing-page postcss react react-uuid reactjs starbucks starbucks-clone starbucks-landing-page tailwind tailwind-css tailwindcss typescript
Last synced: 14 Dec 2024
https://github.com/emranffl/data-security-blockchain
Thesis work.
blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs
Last synced: 24 Dec 2024
https://github.com/elquimista/react-app-suspenders
A React app template
airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect
Last synced: 04 Dec 2024
https://github.com/humpherson/audio-recorder-app
A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀
html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite
Last synced: 09 Dec 2024
https://github.com/exslym/uikit-test
A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook
jest postcss react storybook typescript
Last synced: 09 Dec 2024
https://github.com/lukmanrambe/mubaaz-project
Mubaaz Project - (dev : https://mubaaz-dev.vercel.app/)
eslint husky nextjs postcss prettier react-datepicker react-hook-form react-query react-select reactjs tailwindcss typescript
Last synced: 17 Dec 2024
https://github.com/bacoords/postcss-understrap-palette-generator
PostCSS plugin to generate a json file for Understrap theme
bootstrap postcss understrap wordpress
Last synced: 30 Oct 2024
https://github.com/chanonroy/react-github-battle
From the React online training tutorial
postcss react react-router scss webpack
Last synced: 23 Dec 2024
https://github.com/gokatz/tailwind-scss-setup
SCSS and Tailwind setup for an Ember project
emberjs postcss scss tailwindcss
Last synced: 16 Dec 2024
https://github.com/emanuelefavero/postcss
This is a cheat sheet repo for PostCSS
autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss
Last synced: 10 Dec 2024
https://github.com/jonasfroeller/webpack-webapp
Webpack frontend-webapp starter.
asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow
Last synced: 05 Dec 2024
https://github.com/milliorn/airbnb-experiences-landing-page
Clone Landing Page
airbnb airbnb-clone autoprefixer clone html html-css html-css-javascript html5 js jsx landing landing-page landing-pages postcss react reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 14 Dec 2024
https://github.com/cendekia/screwmate-storybook
hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss
Last synced: 29 Dec 2024
https://github.com/winston0410/postcss-sparrow-values-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by values.
postcss postcss-plugin postcss-sparrow
Last synced: 11 Jan 2025
https://github.com/ravesjs/coin-tracker
track your portfolio no-auth
antd atomic-router css-modules effector farfetched feature-sliced-design javascript normalize-css postcss react scss typescript webpack
Last synced: 27 Dec 2024
https://github.com/shrpne/postcss-clear-empty-strings
Remove declarations with empty values
Last synced: 10 Dec 2024
https://github.com/taxigy/rollup-template
A template to start with Rollup and React
Last synced: 10 Dec 2024
https://github.com/wvbe/dirty_deno_slapper
A Deno module that slaps your TS/CSS source together
Last synced: 27 Dec 2024
https://github.com/engrsakib/countriesname-simple-react-projects
api daisyui jsx postcss react tailwindcss
Last synced: 10 Dec 2024
https://github.com/ansershafiq/talentavenue
A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.
postcss react-router react-router-dom reactjs tailwindcss
Last synced: 10 Dec 2024
https://github.com/liv7c/bookshop-static-version
Static html/css/js version for a wordpress website that is now live.
es2015 es6 gulp postcss responsive-web-design
Last synced: 09 Jan 2025
https://github.com/milliorn/true-hope-tutoring
Landing page for True Hope 4 Success Tutoring
academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development
Last synced: 12 Jan 2025
https://github.com/sagorranait/reactjs-gallery-test
Creating a responsive image gallery using React JS
autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss
Last synced: 27 Dec 2024
https://github.com/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/code-sensei/nextjs-template
A robust Next.js template to kickstart your web projects. This template includes essential tools and configurations to streamline development.
eslint husky nextjs nextjs13 nextjs14 postcss react reactjs tailwindcss
Last synced: 27 Dec 2024
https://github.com/agneym/react-app
React App Webpack 4 Configuration.
boilderplate build-tools eslint minifies postcss prettier react webpack
Last synced: 29 Dec 2024
https://github.com/twibiractlabs/twibiract-scss
twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.
css postcss sass scss twibiractscss utility-class
Last synced: 10 Dec 2024
https://github.com/mishantrop/elenapisarenko
Portfolio website for artist elenapisarenko.ru
nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website
Last synced: 21 Dec 2024
https://github.com/solo-steven/rustlycss
css transformer build in rust
css css-generator css-parser postcss postcss-like
Last synced: 17 Jan 2025
https://github.com/kaanguru/clientsidetemplate
SvelteKit Static Site Generation Template
indexeddb postcss skeleton ssg superforms sveltekit tailwindcss
Last synced: 11 Dec 2024
https://github.com/yoriiis/webpack-boilerplate
Boilerplate to kickstart creating a project with Webpack configuration
babel boilerplate eslint javascript jest postcss prettier stylelint webpack
Last synced: 11 Dec 2024
https://github.com/halvardssm/frontend-starter
A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS
font-awesome hacktoberfest poeditor postcss react template typescript webpack
Last synced: 11 Dec 2024
https://github.com/hentaicracker/aboutme
Aboutme by angular 4
angular angular4 postcss scss typescript webpack2 yarn
Last synced: 16 Dec 2024
https://github.com/jaketrent/test-postcss-import
test postcss-import plugin with esm, conditional exports, webpack5
Last synced: 23 Jan 2025
https://github.com/rmoongit/cryptonomicon
#app cryptonomicon - курс валюты монет и вывод графы
api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket
Last synced: 27 Dec 2024
https://github.com/winston0410/tailwindcss-absolute-centering
A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.
postcss tailwindcss tailwindcss-plugin
Last synced: 11 Jan 2025
https://github.com/devferx/block-master
Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.
babel css html postcss react-vanilla styled-components webpack
Last synced: 23 Dec 2024
https://github.com/sonvice/easybank
Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass
html5 javascript postcss react sass vite
Last synced: 06 Jan 2025
https://github.com/amansuryavanshi-1/namaste_react
Namaste React live course By Akshay Saini.
emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel
Last synced: 21 Jan 2025
https://github.com/humpherson/blueprint-app
This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.
emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss
Last synced: 17 Dec 2024
https://github.com/luizfelipedasilva678/to-do-list-with-pug
Simple To do list made with Pug
Last synced: 17 Jan 2025
https://github.com/bylothink/phonebook-frontend
📖 The frontend part of a sample phonebook app made by using @vuejs.
phonebook postcss sample tailwindcss typescript vitejs vuejs
Last synced: 12 Dec 2024
https://github.com/paxperscientiam/webdev-proxy-server
BrowserSync + node-sass + postcss = webdev-proxy-server
browser-sync cache node-sass pdf postcss sass
Last synced: 21 Dec 2024
https://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 23 Dec 2024
https://github.com/fluffychi-xing/templatemanage
A management system blue-print template.
element-plus frontend iconfont postcss scss tailwindcss typescript vuejs
Last synced: 27 Dec 2024
https://github.com/nathanielinman/jugs-vue
Vue app generator JUGS-VUE makes getting started with VueJS easy!
babel boilerplate javascript pinia postcss pug slush stylus vitejs vue vuejs
Last synced: 31 Oct 2024
https://github.com/jerriclynsjohn/jekyll-tailwind
Jekyll + TailwindCSS Starter Template
jekyll postcss purgecss static-site-generator tailwindcss
Last synced: 21 Dec 2024
https://github.com/sshari/remark-mdx-postcss
Remark plugin to bundle a style tag with MDX content via postcss.
Last synced: 20 Dec 2024
https://github.com/cristian-sbardelotto/quizzed
⚡Welcome to Quizzed! Test your knowledge and try our quiz to challenge yourself!
eslint git github javascript postcss react react-router tailwind-css tailwind-merge typescript
Last synced: 27 Dec 2024
https://github.com/henriquesebastiao/modernizacao-manejo
Front-end para Projeto de Modernização do Manejo.
font-awesome postcss skeleton svelte sveltejs sveltekit tailwindcss typescript
Last synced: 17 Jan 2025
https://github.com/azurespheredev/vally-sales-assignment
Vally Sales Inc Settings Page built for the assigment.
assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod
Last synced: 11 Jan 2025
https://github.com/andrewmcodes-archive/dr-stapleton-website
Dr. Ann E. Stapleton's Personal Website
gatsby javascript postcss react tailwind-css tailwindcss webpack
Last synced: 01 Jan 2025
https://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 20 Jan 2025
https://github.com/fmanimashaun/netflix-clone
This is a clone of the netflix website. It is built using react and styled using tailwindcss.
axios firebase postcss react react-router redux-tt tailwindcss
Last synced: 06 Jan 2025
https://github.com/samk-dev/astro-2-starter
Astro.build starter with some opinionated setup
astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript
Last synced: 13 Dec 2024
https://github.com/owpac/boilerplate_rails_inertia
Rails application working with Inertia and React!
esbuild inertiajs postcss propshaft rails react tailwind typescript
Last synced: 20 Dec 2024
https://github.com/azurespheredev/startupz-landing
Clone version of Startupz landing page
javascript postcss reactjs tailwindcss-v3
Last synced: 11 Jan 2025
https://github.com/metonym/postcss-inline-css-vars
PostCSS plugin to inline CSS variables
css-variables postcss postcss-plugin
Last synced: 18 Dec 2024
https://github.com/lukaspetricek1/maturitni_projekt
FAcebook DIscord instaGRAM
express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript
Last synced: 18 Dec 2024
https://github.com/fabianmendozaospina/expense-planner
Expense planner built with React and TypeScript
postcss react tailwindcss typescript vite
Last synced: 18 Dec 2024
https://github.com/lucjosin/astro-rename-example
How to use the astro-rename integration to hash all CSS class names from your astro project
Last synced: 18 Dec 2024
https://github.com/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 2024
https://github.com/studioalex/postcss-fontify
postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.
font fonts plugin postcss variable-fonts
Last synced: 19 Jan 2025
https://github.com/bimapriaaditya/create-starterpack-src
Starter frontend project with webpack, bootstrap scss and tailwind postcss
bootstrap5 postcss scss src tailwind
Last synced: 10 Jan 2025
https://github.com/winston0410/postcss-auto-text-indent
A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.
css postcss postcss-sparrow tailwindcss
Last synced: 11 Jan 2025
https://github.com/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 31 Oct 2024
https://github.com/amansuryavanshi-1/foodah
This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.
emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel
Last synced: 11 Oct 2024
https://github.com/samuelribeiroo/lunnaris
A modern landing page for AI-based software as as service.
framer-motion lucide-icons next-14 postcss tailwindcss
Last synced: 26 Jan 2025
