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/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/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 10 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/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/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/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/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 27 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/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/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 27 Dec 2024
https://github.com/zeuz8/redux-tutorial-cart
Embarking on a comprehensive Redux tutorial, this Git repository houses a simple yet powerful shopping cart project. Delve into the intricacies of Redux as we harness its capabilities to manage state efficiently and gain valuable insights into the fundamentals of state management in React applications.
postcss react react-redux redux tailwindcss vite
Last synced: 30 Jan 2025
https://github.com/zeuz8/nextjs-starter
Welcome to the "nextjs-starter" repository! 🚀 This is a comprehensive starter template for kickstarting my Next.js projects. exploring the capabilities of Next.js, this starter provides a solid foundation with best practices in mind.
eslint nextjs nodejs postcss tailwindcss typescript
Last synced: 30 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/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/jkiimm/postcss-at-rules-bem
PostCSS plugin for BEM name convention
bem css postcss postcss-plugin
Last synced: 19 Dec 2024
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/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/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/vs0uz4/movie-search
Aplicação Desenvolvida no Curso de SvelteJS
javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api
Last synced: 07 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/frolov-andrey2405/finvista
Modern Banking Aesthetics Repository
autoprefixer css html js postcss react tailwindcss vitejs
Last synced: 14 Jan 2025
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/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/rnyell/postcss-contains
Style elements based on their existing property or declaration.
Last synced: 16 Nov 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/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/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/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/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/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/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/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/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
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/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/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 26 Dec 2024
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/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/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/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/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/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/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/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/heliolj/nlw-spacetime-web
Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.
autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript
Last synced: 25 Jan 2025
https://github.com/gespinha/postcss-spacer
PostCSS plugin for normalising spaces between lines on your stylesheets.
css plugin postcss postcss-modules postcss-plugin
Last synced: 28 Jan 2025
https://github.com/ryan-dorman/pomodoro-clock
A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.
gulpjs html javascript postcss progressbar-js
Last synced: 06 Jan 2025
https://github.com/jabranr/react-scripts
Experiment: Improved postcss config in react scripts
create-react-app experiment postcss postcss-config postcss-loader react react-scripts
Last synced: 16 Jan 2025
https://github.com/dalbitresb12/postcss-url-append
PostCSS plugin to append a raw block of CSS from a URL.
Last synced: 22 Jan 2025
https://github.com/frikadellios/astropampers
Astro Static starter website template for Vercel
astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel
Last synced: 12 Jan 2025
https://github.com/duanedave/portfolio-v_1
This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer
accessibility css4 framer-motion postcss react ux-ui
Last synced: 07 Dec 2024
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/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 07 Dec 2024
https://github.com/minipoly/client
Client for minipoly game
eslint fsd i18n postcss prettier react tailwindcss typescript vite yarn-berry
Last synced: 16 Jan 2025
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/mihoag/image-galary-react
material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api
Last synced: 20 Dec 2024
https://github.com/shgysk8zer0/node-purist
A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS
cssnano cssnext npm npm-package postcss transpiler webpack
Last synced: 07 Dec 2024
https://github.com/garthdb/postcss-add-bem-modifier
A PostCSS plugin to append a BEM modifier to CSS classes.
Last synced: 28 Jan 2025
https://github.com/garthdb/design-token-attributes
A mono repo for managing design token contexts
design-system monorepo postcss styledictionary stylelint
Last synced: 28 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/leomssilva/cineflix
:clapper: :computer: :iphone: This project is about a website that lists movies.
autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite
Last synced: 31 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/khronosleung/postcss-iconfont
基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标
Last synced: 20 Jan 2025
https://github.com/the-holocron/stormtrooper
The clone soldier.
alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack
Last synced: 22 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/lasalefamine/chrome-ext-boilerplate
Chrome extension boilerplate with Webpack and PostCSS ready.
boilerplate chrome-extension postcss webpack
Last synced: 28 Jan 2025
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/wvbe/dirty_deno_slapper
A Deno module that slaps your TS/CSS source together
Last synced: 27 Dec 2024
https://github.com/mikaelvesavuori/gulp4-boilerplate
Boilerplate for Gulp 4.
babel-es6 boilerplate gulp postcss sass
Last synced: 16 Jan 2025
https://github.com/nishathub/master_boiler_plate
HTML Front-End Boiler Plate : Enriched with a common setup(scss, sass, postcss etc.), editable to begin a new project
boilerplate css html postcss postcss-config scss
Last synced: 16 Jan 2025
https://github.com/richardcyrus/devchallenges-button-component
Solution for the Button component challenge from Devchallenges.io.
postcss reactjs testing-library typescript vitejs vitest
Last synced: 22 Jan 2025
https://github.com/nishathub/lawyer-landing-page
A lawyer portfolio responsive website with night-mode
html5 lawyer-and-law-agency portfolio-website postcss scss
Last synced: 16 Jan 2025
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/faizan-ali/workamerica-website-2017
Latest iteration of the WorkAmerica website at www.workamerica.co
babel bootstrap-4 postcss reactjs webpack
Last synced: 22 Jan 2025
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/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 09 Jan 2025
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
