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: 2024-11-15 00:23:00 UTC
- JSON Representation
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 Nov 2024
https://github.com/castastrophe/postcss-rgb-mapping
A PostCSS plugin to parse out rgb values into distinct custom properties
Last synced: 15 Oct 2024
https://github.com/savvy-css/savvy
A Lightweight & Highly-Composable Modular CSS Framework
css css-framework echobind functional-css postcss savvy-css
Last synced: 18 Oct 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/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: 15 Nov 2024
https://github.com/cogoo/react-skeleton
React Starter w/ Webpack, PostCSS, Tailwind, ESLint
eslint postcss react react-starter reactjs tailwind tailwindcss webpack4
Last synced: 15 Oct 2024
https://github.com/inambe/simple-postcss-webpack-template
Simple webpack project template with PostCSS integrated.
Last synced: 15 Oct 2024
https://github.com/inambe/sass-postcss-wp-template
Webpack project template with SASS and PostCSS integrated.
Last synced: 15 Oct 2024
https://github.com/winston0410/postcss-sparrow-units-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by units.
Last synced: 28 Oct 2024
https://github.com/krypton225/interactive-rating-component-main
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli
Last synced: 07 Nov 2024
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: 31 Oct 2024
https://github.com/krypton225/social-links-profile
This is just a training in Front End Mentor website.
challenge css3 frontend-mentor html5 postcss ui-challenge
Last synced: 07 Nov 2024
https://github.com/denis-axenov/webpack-typescript-boilerplate
🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.
autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5
Last synced: 20 Oct 2024
https://github.com/frolov-andrey2405/finvista
Modern Banking Aesthetics Repository
autoprefixer css html js postcss react tailwindcss vitejs
Last synced: 14 Nov 2024
https://github.com/ljuzifer/carp-travel-app
An application that tells about the best Carpathian tourist routes!
autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/rajdee/postcss-autoimport
PostCSS plugin for automatically import global dependencies.
global import postcss postcss-plugin
Last synced: 07 Nov 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: 21 Oct 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: 25 Oct 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: 21 Oct 2024
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: 08 Nov 2024
https://github.com/adn0s/daily-planner
Make your day better with Daily Planner app. Easy to use: add tasks with info like what it's about, when it's due, and how important it is. It's simple to keep track of everything. Get more done with less hassle.
jest postcss react redux tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/taxigy/rollup-template
A template to start with Rollup and React
Last synced: 22 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/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: 26 Oct 2024
https://github.com/biswa-ganguly/virtualr
Virtual-R is a front-end project that showcases a modern web-site look
front-end javascript postcss reactjs tailwind-css vite
Last synced: 07 Nov 2024
https://github.com/rafaeldevvv/dictionary-web-app
A dictionary app to look up words
dictionary nextjs postcss prettier react tailwindcss typescript
Last synced: 07 Nov 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/oliverfindl/webpack-vue-boilerplate
Simple boilerplate for building Vue app with Webpack.
autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox
Last synced: 26 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/nishathub/lawyer-landing-page
A lawyer portfolio responsive website with night-mode
html5 lawyer-and-law-agency portfolio-website postcss scss
Last synced: 15 Nov 2024
https://github.com/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 07 Nov 2024
https://github.com/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 07 Nov 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/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: 07 Nov 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: 02 Nov 2024
https://github.com/sabinacristea/pomodoro-app
React Responsive Pomodoro App with change of fonts and colors
postcss reactjs tailwindcss vitejs
Last synced: 07 Nov 2024
https://github.com/coder-abdo/multi-forms
multi-form project
babel7 es6 postcss react-hooks react-icons reactjs webpack4
Last synced: 14 Nov 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/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/slhsxcmy/postcss-split-selectors
css npm postcss postcss-plugin
Last synced: 14 Nov 2024
https://github.com/viburoshin25/react-art
This repository serves as an introduction to web development with a stylish landing page crafted using React and Tailwind CSS. Developed as part of my introductory journey into learning React and Tailwind CSS.
nodejs postcss react-components react-hooks reactjs tailwind-css tailwindcss
Last synced: 07 Nov 2024
https://github.com/mihoag/image-galary-react
material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api
Last synced: 02 Nov 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/hmontarroyos/quiz_javascript
O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura
alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components
Last synced: 27 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/rmoongit/cryptonomicon
#app cryptonomicon - курс валюты монет и вывод графы
api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket
Last synced: 07 Nov 2024
https://github.com/mmorrii/starter-kit
Starter template with React, React Router, PostCSS, TypeScript, Vite
postcss react react-router starter-kit template typescript vite
Last synced: 29 Oct 2024
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: 29 Oct 2024
https://github.com/wvbe/dirty_deno_slapper
A Deno module that slaps your TS/CSS source together
Last synced: 07 Nov 2024
https://github.com/wr-projects/utils
🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)
2022 2022-project babel commitizen commitlint config eslint markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts webreadyprojects wrprojects
Last synced: 28 Oct 2024
https://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 05 Nov 2024
https://github.com/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 29 Oct 2024
https://github.com/zyloxweeb/my-website
Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.
css javascript postcss tailwindcss
Last synced: 07 Nov 2024
https://github.com/thornwalli/devterm-toolbox
devterm postcss remote thermalprinter vite vue
Last synced: 03 Nov 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/cgutwin/frontendmentor
My completions of the Frontend Mentor projects.
css3 frontend frontend-mentor html5 postcss
Last synced: 14 Nov 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: 03 Nov 2024
https://github.com/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 14 Nov 2024
https://github.com/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 17 Oct 2024
https://github.com/jerriclynsjohn/jekyll-tailwind
Jekyll + TailwindCSS Starter Template
jekyll postcss purgecss static-site-generator tailwindcss
Last synced: 04 Nov 2024
https://github.com/mishantrop/elenapisarenko
Portfolio website for artist elenapisarenko.ru
nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website
Last synced: 04 Nov 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: 07 Nov 2024
https://github.com/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 17 Oct 2024
https://github.com/programmershri/tailwind-css-starter-postcss
Boilerplate
ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss
Last synced: 07 Nov 2024
https://github.com/shubhadip/react-vite-component-library
Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.
commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs
Last synced: 14 Oct 2024
https://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 27 Sep 2024
https://github.com/spring-raining/postcss-plugins
PostCSS plugin to provide theming function based on CSS variables using `@var` rules.
Last synced: 11 Oct 2024
https://github.com/yurii-corssa/vite-vanilla-template
A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.
postcss scss vanilla-javascript vite
Last synced: 07 Nov 2024
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 30 Oct 2024
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: 12 Nov 2024
https://github.com/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 13 Nov 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/emranffl/data-security-blockchain
Thesis work.
blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs
Last synced: 06 Nov 2024
https://github.com/frontendweb3/blogpost
Blog post is simple lightweight html template for blog build with tailwindcss
css html html-css html-template html5 postcss postcss-cli tailwindcss
Last synced: 05 Nov 2024
https://github.com/joserafael0160/jrlinks
All my links page made with HTML, PostCSS and JavaScript. 💜
all-my-links allmylinks html-css-javascript javascript link-platform links postcss
Last synced: 11 Oct 2024
https://github.com/yarastqt/postcss-theme-fallback
A postcss plugin to adding fallback values for css-variables
css-vars css-vars-fallback postcss postcss-plugin
Last synced: 05 Nov 2024
https://github.com/vlad-moskalenko/carshop-next.js
axios next postcss react react-dom tailwindcss typescript
Last synced: 15 Nov 2024
https://github.com/yash-jivani/heritage-detection
Heritage image Detection UI
css es6 html javascript postcss react tailwindcss
Last synced: 05 Nov 2024
https://github.com/yash-jivani/bookmarkweb
Bookmark website UI
css html node npm postcss tailwindcss
Last synced: 05 Nov 2024
https://github.com/yash-jivani/ens-cryptoweb
Real-time trading status for the top Cryptocurrency
api css cyptocurrency html javascipt livedata postcss react tailwindcss
Last synced: 05 Nov 2024
https://github.com/joserafael0160/age-calculator
An Age calculator, using HTML, CSS, and JavaScript.
age age-calculator calculator html js js-vanilla postcss
Last synced: 11 Oct 2024
https://github.com/fabian-kleine/cerberusui
A UI Library for when you have to create a doomsday app in Javascript
component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library
Last synced: 11 Oct 2024
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: 07 Nov 2024