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/fsmaiorano/entity-frameworkcore-boilerplate

:computer: A boilerplate to configure a Entity FrameworkCore correctly.

csharp entity-framework-core migrations netcore2 node-sass npm-scripts postcss

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

https://github.com/marius-pieptea/react-mini-reddit

A minimal setup for a React application using Vite, including Redux, Axios, and Jest. Supports HMR and ESLint.

axios babel eslint hmr jest postcss react redux swc tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

Last synced: 11 Oct 2024

https://github.com/agbortoko/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

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

https://github.com/ranitmanik/frontend-app-starter-template

A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards

eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript

Last synced: 07 Nov 2024

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 07 Nov 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: 06 Nov 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: 06 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/ambar/docz-plugin-style

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 08 Nov 2024

https://github.com/krypton225/manage-landing-page

This is just a training in Front End Mentor website.

css3 frontend-mentor html5 postcss pugjs webpack

Last synced: 06 Nov 2024

https://github.com/vasquez-esteban/next-init

Next 14 Init Project

eslint nextjs14 postcss prettier react tailwindcss typescript

Last synced: 07 Nov 2024

https://github.com/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 12 Nov 2024

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

css grunt html js landing postcss ts

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

https://github.com/josealz/disco

Discord clone

autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode

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

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

https://github.com/fimbres/astro-chat

This is a sample project of a real time chat using Astro.js, Solid.js, TailwindCSS, SQLite, PocketBase to built a backend service.

astro pocketbase postcss solidjs sqlite tailwindcss typescript

Last synced: 06 Nov 2024

https://github.com/dormanator/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: 10 Nov 2024