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/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/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/vasquez-esteban/astro-init
Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.
astro eslint eslint-config postcss prettier tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 10 Jan 2025
https://github.com/vcolesdev/docker-create-next-app
Dockerized NextJS app. App itself is in submodule "next".
create-next-app docker docker-compose nextjs postcss tailwindcss typescript
Last synced: 27 Dec 2024
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/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/fmanimashaun/yumeats
YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.
Last synced: 06 Jan 2025
https://github.com/jguddas/jumpstart
Config and boilerplate free dev/build tool.
babel eslint jest less lightscript postcss sass typescript webpack
Last synced: 23 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/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 18 Dec 2024
https://github.com/snenenenenenene/tailwind-appuniversum
A component library tailwind-based on the @appuniverse/webuniverse libraries
component-library ember flanders postcss tailwindcss
Last synced: 18 Dec 2024
https://github.com/savvy-css/generator-savvy-css
Yeoman generator for scaffolding out a Savvy module or utility
css css-framework functional-css postcss savvy-css
Last synced: 23 Jan 2025
https://github.com/gustavo-victor/hotel-service-page
ReactJS application of a hotel service page
autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss
Last synced: 01 Jan 2025
https://github.com/jkiimm/postcss-at-rules-bem
PostCSS plugin for BEM name convention
bem css postcss postcss-plugin
Last synced: 19 Dec 2024
https://github.com/muasa-harman/online-shopping-app
This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.
eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript
Last synced: 19 Dec 2024
https://github.com/malcolm-kee/webpack-config
A sample React project with flexible webpack config
babel font-awesome postcss react sass typescript webpack
Last synced: 19 Dec 2024
https://github.com/tricinel/postcss-color-hsla-fallback
PostCSS plugin to transform hsl and hsla to hexadecimal
color color-convert css hsl-color postcss postcss-plugin
Last synced: 25 Dec 2024
https://github.com/krypton225/fourth-portfolio-react
This is just a portfolio for practicing in using React JS and Tailwind CSS.
aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn
Last synced: 25 Dec 2024
https://github.com/yowainwright/postcss-scss
This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.
config css npm-scripts postcss sass scss
Last synced: 01 Jan 2025
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/nikolaymakhonin/postcss-js-syntax
For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:
css javascript js json modularity postcss postcss-syntax preprocessor
Last synced: 23 Jan 2025
https://github.com/philipprochazka/web-gallery
A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.
autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath
Last synced: 25 Dec 2024
https://github.com/iamkhan21/svelte-typescript-vite-template
A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.
netlify postcss svelte sveltejs template typescript vite
Last synced: 23 Jan 2025
https://github.com/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 26 Dec 2024
https://github.com/lumenpearson/docs-goodbyedpi-ui
User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.
apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack
Last synced: 11 Oct 2024
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 26 Dec 2024
https://github.com/ohmrr/senior-slideshow
A carousel of senior portraits made for my high school.
nodejs postcss tailwind typescript
Last synced: 26 Dec 2024
https://github.com/oleg-kuzmin/mesto-project
Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.
api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack
Last synced: 27 Dec 2024
https://github.com/michaelschwobe/wordpress-theme-gulp-boilerplate
Drop-in Gulp tasks for WordPress theme development.
babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress
Last synced: 26 Dec 2024
https://github.com/amansuryavanshi-1/av-news-stream
AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!
cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api
Last synced: 11 Oct 2024
https://github.com/davismz09/proyecto-grado-angie-flores
Página estática referente al proyecto de grado de Angie Flores
autofixer gh-pages js postcss react swiper-js tailwindcss
Last synced: 10 Jan 2025
https://github.com/niallobrien/asset-pipeline-tailwind
Drop-in asset pipeline for TailwindCSS
asset-pipeline cssnext es2015 jquery laravel-mix postcss tailwindcss webpack
Last synced: 10 Jan 2025
https://github.com/aryan02420/postcss-themewind
A PostCSS plugin to make theming with TailwindCSS easy and fun
Last synced: 29 Nov 2024
https://github.com/watheia/typed-css
A collection of helper utilities and plugins for working with staticky typed CSS modules
css-modules docusaurus nx postcss spectrum-css webpack
Last synced: 27 Dec 2024
https://github.com/ahmadkdev/vite-vanilla-starter
A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.
boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web
Last synced: 03 Jan 2025
https://github.com/kibria-khandaker/nextjs-pc-builder
It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.
eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment
Last synced: 26 Jan 2025
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 03 Jan 2025
https://github.com/andrepolischuk/react-mobx-state-tree-example
An example of React MobX state tree async application
example example-app mobx-state-tree postcss react
Last synced: 04 Jan 2025
https://github.com/andrepolischuk/deku-redux-example
An example of Deku Redux async application
deku deku-redux example example-app postcss redux
Last synced: 04 Jan 2025
https://github.com/stephan-evers/babel-plugin-transform-styl-modules
Transforms "styl" tagged template literals into css modules.
babel css-modules postcss stylus template-literals
Last synced: 19 Dec 2024
https://github.com/denisoct/single-page-developer-portfolio
Single-page developer portfolio
Last synced: 04 Jan 2025
https://github.com/miguelsjimenezv/ridenewsproject
RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.
backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web
Last synced: 04 Jan 2025
https://github.com/masterjaneza/portfolio
Portfolio
autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss
Last synced: 11 Jan 2025
https://github.com/jeffubayi/nyumba
An App that offers arrangements for homestays similar to Airbnb.com
Last synced: 20 Jan 2025
https://github.com/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 04 Jan 2025
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 11 Jan 2025
https://github.com/fuelviews/laravel-tailwindcss
Laravel tailwindcss package
css fuelviews laravel laravel-tailwindcss php postcss tailwindcss
Last synced: 11 Oct 2024
https://github.com/thenamevishnu/ecommerce
eslint javascript postcss reactjs tailwindcss vitejs
Last synced: 18 Jan 2025
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 18 Jan 2025
https://github.com/gstcarv/tailwind-spotify-home
Spotify landing page home clone made with Tailwind CSS, including acessibility optimization
accessibility css javascript postcss responsive spotify tailwind webpack
Last synced: 12 Jan 2025
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 24 Jan 2025
https://github.com/azamat-cto/responsive-sushi-website
Responsive and Cross Browser Sushi website design using React & Typescript
autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite
Last synced: 12 Jan 2025
https://github.com/yjg30737/tailwind-css-react-tutorial
Using Tailwind CSS in React project (with PostCSS)
css postcss react tailwind-css tailwind-tutorial tailwindcss
Last synced: 03 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/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/jolomitee/catchup
CatchUp Figma design as a web page
figmadesign front-end-development postcss tailwindcss
Last synced: 18 Dec 2024
https://github.com/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/gui-rock-paper-scissor
JS practice project from (The Odin Project). rock paper scissor GUI
css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 05 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/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 19 Jan 2025
https://github.com/trevonerd/postcss-mixins-css-grid
A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.
css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin
Last synced: 24 Jan 2025
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/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/annaindistress/frontend-mentor-time-tracking-dashboard
This is a solution to the time tracking dashboard challenge on Frontend Mentor
css-custom-properties github-actions postcss react rest-api svg-sprite vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-clock-app
This is a solution to the clock app challenge on Frontend Mentor
css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-advice-generator-app
This is a solution to the advice generator app challenge on Frontend Mentor
advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-results-summary
This is a solution to the results summary challenge on Frontend Mentor
css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website
This is a solution to the scoot multi-page website challenge on Frontend Mentor
css-custom-properties github-actions html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-project-tracking-intro
This is a solution to the project tracking intro component challenge on Frontend Mentor
css-custom-properties github-actions html postcss tailwind-css vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-news-homepage
This is a solution to the news homepage challenge on Frontend Mentor
css-custom-properties gulp html postcss vanilla-js
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-3-column-preview-card-component
This is a solution to the 3-column preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Jan 2025
https://github.com/andre-araujo/weather-app
A simple app to do Weather forecast world-wide using Parceljs and ReactJs
docker lesscss nodejs parcel-bundler postcss reactjs
Last synced: 19 Jan 2025
https://github.com/avigoldman/postcss-colornames-to-hex
PostCSS plugin to convert color names to hexadecimal values
colornames colors hexidecimal plugin postcss
Last synced: 19 Jan 2025
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 20 Jan 2025
https://github.com/chaojiangcn/h5-vuecli4
移动端vue cli4构建项目
bable postcss vuecli4 webpack webpack4 yi-dong-duan
Last synced: 19 Dec 2024
https://github.com/rqbazan/wbn-challenge
github-actions nextjs now-sh postcss storybook tailwindcss
Last synced: 13 Dec 2024
https://github.com/pronoia9/promptle
Unleash your creativity and ignite inspiration with Promptle! This innovative Next.js application is your gateway to a world of limitless ideas. Share prompts, spark creativity, and watch ideas flourish as you connect with a community of like-minded individuals. Dive into Promptle and let your imagination soar!
autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
https://github.com/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 12 Jan 2025
https://github.com/garthdb/postcss-add-bem-modifier
A PostCSS plugin to append a BEM modifier to CSS classes.
Last synced: 30 Nov 2024
https://github.com/milliorn/user-dashboard
Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.
autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript
Last synced: 14 Dec 2024
https://github.com/milliorn/travel-journal
Travel landing page in React using Tailwind.
autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 14 Dec 2024