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/efiand/scandi
Одностраничник студии дизайна интерьеров. Demo собственного сборщика
a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/efiand/wfl
Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API
a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack
Last synced: 14 Nov 2024
https://github.com/rakib0061/know-git
Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.
boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs
Last synced: 11 Oct 2024
https://github.com/efiand/svelte-fastify-template
Сборка для создания простых изоморфных приложений SSR/SPA
boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo
Last synced: 14 Nov 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: 10 Nov 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/linda-ikechukwu/moneypaddy
Money Paddy is a PWA to help you keep track of your expense and income.
babeljs firebase postcss pwa service-worker webpack4
Last synced: 16 Nov 2024
https://github.com/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 09 Nov 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/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 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/fuelviews/laravel-tailwindcss
Laravel tailwindcss package
css fuelviews laravel laravel-tailwindcss php postcss tailwindcss
Last synced: 11 Oct 2024
https://github.com/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 09 Nov 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/adam014/inspirobot
InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.
javascript mongodb mongoose nextjs postcss react tailwindcss
Last synced: 09 Nov 2024
https://github.com/vvaldesc/shadcn_aceternity_ui_practice
Little Vite React Interface using external front-end libraries
aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite
Last synced: 09 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/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/asyncbanana/asyncbanana.github.io
My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel
parcel-bundler personal-website postcss
Last synced: 10 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/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 31 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/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/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/engrsakib/countriesname-simple-react-projects
api daisyui jsx postcss react tailwindcss
Last synced: 22 Oct 2024
https://github.com/brunogroth/livewire
Learning Livewire | PHP & Laravel & Livewire & TailwindCSS
laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss
Last synced: 11 Nov 2024
https://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 05 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/locol23/webpack-scss-starter
A boilerplate of static site using webpack + postcss(scss)
Last synced: 11 Nov 2024
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack
Last synced: 11 Nov 2024
https://github.com/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 17 Oct 2024
https://github.com/winston0410/postcss-sparrow-values-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by values.
postcss postcss-plugin postcss-sparrow
Last synced: 12 Nov 2024
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: 12 Nov 2024
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: 22 Oct 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://github.com/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 11 Nov 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/tharunoptimus/super-slow-portfolio
A cool looking ultra slow portfolio - manual deploy
emailjs framer-motion maath postcss react react-three tailwindcss threejs vite
Last synced: 11 Nov 2024
https://github.com/andrei1994rus/users-react
Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)
adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack
Last synced: 11 Nov 2024
https://github.com/azurespheredev/startupz-landing
Clone version of Startupz landing page
javascript postcss reactjs tailwindcss-v3
Last synced: 12 Nov 2024
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: 12 Nov 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/jabranr/react-scripts
Experiment: Improved postcss config in react scripts
create-react-app experiment postcss postcss-config postcss-loader react react-scripts
Last synced: 15 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/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/stuymedova/kirby-rollup-postcss
[SETUP] Kirby CMS template adapted to be used with modern frontend tools
kirby kirby-cms kirby3 kirby3-cms postcss rollup
Last synced: 11 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/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
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/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/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 11 Nov 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/bimapriaaditya/create-starterpack-src
Starter frontend project with webpack, bootstrap scss and tailwind postcss
bootstrap5 postcss scss src tailwind
Last synced: 11 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/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/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 Nov 2024
https://github.com/guptabhaskar/nextjs-boilerplate
Boilerplate and Starter for Next JS 13+, Tailwind CSS 3.2.4 and TypeScript
eslint eslint-config husky nextjs nextjs-boilerplate nextjs-starter postcss postgresql prettier sequelize sequelize-orm tailwindcss typescript
Last synced: 26 Sep 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/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/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/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/taxigy/rollup-template
A template to start with Rollup and React
Last synced: 22 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/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/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/mihoag/image-galary-react
material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api
Last synced: 02 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/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/inambe/sass-postcss-wp-template
Webpack project template with SASS and PostCSS integrated.
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/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/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/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/castastrophe/postcss-rgb-mapping
A PostCSS plugin to parse out rgb values into distinct custom properties
Last synced: 15 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/theiliad/fusebox-1st-try
First attempt @ Fuse-Box 😊
bulma fuse-box postcss typescript uglifyjs
Last synced: 25 Oct 2024
https://github.com/milliorn/tea-cozy
Template done in Tailwind UI using GatsbyJS
autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template
Last synced: 26 Oct 2024