Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2024-11-15 00:23:00 UTC
JSON Representation

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 14 Oct 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/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: 07 Nov 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: 01 Oct 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: 07 Nov 2024

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 28 Oct 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: 10 Nov 2024

https://github.com/msidolphin/postcss-px-to-viewport-units

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

postcss postcss-plugin vh viewport-units vmax vmin vw

Last synced: 29 Oct 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: 12 Oct 2024

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 28 Oct 2024

https://github.com/lukmanrambe/luxspace

A Furniture E-Commerce Web Design

css es6 figma html javascript postcss tailwindcss webpack

Last synced: 29 Oct 2024

https://github.com/dormanator/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 15 Nov 2024

https://github.com/winston0410/postcss-sparrow-props-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by properties.

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/andreivictor/webpack-tailwind-starter

A starter frontend boilerplate using Webpack 5, TailwindCSS, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint tailwind tailwindcss webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 15 Oct 2024

https://github.com/andreivictor/webpack-bootstrap5-starter

A starter frontend boilerplate using Webpack 5, Bootstrap 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 bootstrap bootstrap5 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 15 Oct 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: 10 Nov 2024

https://github.com/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 07 Nov 2024

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 21 Oct 2024

https://github.com/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 28 Oct 2024

https://github.com/hrynevychroman/vue-start

Transforming Vue projects with boundless creativity.

commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse

Last synced: 07 Nov 2024

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 30 Oct 2024

https://github.com/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 07 Nov 2024

https://github.com/garraflavatra/jekyll-tailwind-template

This template configures Jekyll to work with Tailwind CSS and PostCSS.

jekyll postcss tailwindcss

Last synced: 07 Nov 2024

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/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 07 Nov 2024

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: 14 Oct 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: 07 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: 07 Nov 2024

https://github.com/franekstein/react-ts-starter

Modern React & Typescript boilerplate.

cssmodules postcss react sass typescript webpack

Last synced: 14 Oct 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/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 14 Oct 2024

https://github.com/atakantepe/tailwindcss-parser

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

css-parser json postcss tailwind-css utility-tool web-development

Last synced: 07 Nov 2024

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 30 Oct 2024

https://github.com/chubi-x/sorta-frontend

React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks

bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript

Last synced: 14 Nov 2024

https://github.com/creative-tutorials/html-tailwind

HTML Tailwind boilerplate

css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss

Last synced: 07 Nov 2024

https://github.com/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 28 Sep 2024

https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de

My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

https://github.com/isuke/postcss-ghost-utils

PostCSS plugin to add helper utils for your CSS

css postcss postcss-plugin

Last synced: 07 Nov 2024

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: 01 Nov 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

astro css integration postcss

Last synced: 30 Oct 2024

https://github.com/wearerequired/js

📦 Monorepo for JavaScript packages used @wearerequired.

boilerplate browserlist postcss

Last synced: 13 Nov 2024

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Nov 2024

https://github.com/chaojiangcn/h5-vuecli4

移动端vue cli4构建项目

bable postcss vuecli4 webpack webpack4 yi-dong-duan

Last synced: 31 Oct 2024

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 02 Nov 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: 29 Oct 2024

https://github.com/swissgrc/postcss-remove-font-face-format

📦 PostCSS plugin to remove font faces formats

font-face hacktoberfest plugin postcss

Last synced: 29 Oct 2024

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 27 Oct 2024

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 15 Oct 2024

https://github.com/roma-glushko/landing-boilerplate

A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!

boilerplate bootstrap3 grunt html5 less modernizr postcss

Last synced: 31 Oct 2024

https://github.com/scarfacedeb/brunch-elixir-web

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 31 Oct 2024

https://github.com/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 29 Oct 2024

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: 08 Nov 2024

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Nov 2024

https://github.com/de1ck/javascript-tools-guide

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 12 Nov 2024

https://github.com/dkmfzf/webowio

A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied

css gulp html javascript js nodejs postcss stylelint

Last synced: 03 Nov 2024

https://github.com/shashkovdanil/next-template

Next.js, TypeScript, CSS Modules template

css next nextjs postcss typescript

Last synced: 08 Nov 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: 12 Nov 2024

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 07 Nov 2024

https://github.com/cedric-renais/nike

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

next postcss prettier prettier-plugin-tailwindcss tailwind

Last synced: 09 Nov 2024

https://github.com/neetjn/metatube-landing

Landing page for metatube project using Riot.js 4 and Tailwind CSS.

css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube

Last synced: 28 Oct 2024

https://github.com/othytenk/xutul-landing-page

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/winston0410/postcss-sparrow-units-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by units.

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/gogo200202/next-portfolio

Portfolio build with next js

github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite

Last synced: 11 Oct 2024

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 07 Nov 2024

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 11 Oct 2024

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Oct 2024

https://github.com/erkobridee/astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript

Last synced: 11 Oct 2024

https://github.com/habbaz-dev/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 11 Oct 2024

https://github.com/anxdydx/agencyworkflow

✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.

autoprefixer cms nextjs postcss sanity tailwindscss

Last synced: 11 Oct 2024

https://github.com/juanpdn/github-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

api-rest css github-profile nextjs postcss tailwind typescript

Last synced: 11 Oct 2024

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 07 Nov 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: 07 Nov 2024

https://github.com/jdsteinbach/sass-postcss

Using Sass & PostCSS Together

css postcss sass

Last synced: 21 Oct 2024

https://github.com/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 07 Nov 2024

https://github.com/takayyz/graphql-training

GraphQLの学習用

docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript

Last synced: 07 Nov 2024

https://github.com/afeiship/postsass

Cli compiler for sass/scss via dart-sass and postcss.

cli dart-sass postcss sass scss

Last synced: 26 Oct 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: 17 Oct 2024

https://github.com/miavai649/cleancarz-client

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation

Last synced: 05 Nov 2024

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 31 Oct 2024

https://github.com/buschtoens/broccoli-multi-postcss

Broccoli plugin to transform one or more input files using PostCSS to one or more output files.

broccoli broccoli-plugin postcss

Last synced: 20 Oct 2024

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 07 Nov 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: 31 Oct 2024

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: 17 Oct 2024

https://github.com/semanticdata/mangu

🍽 Eleventy starter theme/template built with Eleventy and TailwindCSS.

11ty 11ty-website eleventy eleventy-website postcss tailwindcss

Last synced: 09 Oct 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: 23 Oct 2024

https://github.com/yoriiis/symfony-boilerplate

Boilerplate to kickstart creating a project with Symfony and Webpack

api babel boilerplate eslint jest postcss prettier stylelint symfony typescript webpack

Last synced: 23 Oct 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: 23 Oct 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/saibarathr/react-audio-wave-modern

ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.

audio-visualizer npm postcss reactjs typescript waveform