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/mihoag/image-galary-react
material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api
Last synced: 02 Nov 2024
https://github.com/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 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/lucjosin/astro-rename-example
How to use the astro-rename integration to hash all CSS class names from your astro project
Last synced: 30 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/roblav96/tns-template-vue
NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.
nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack
Last synced: 01 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/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 29 Oct 2024
https://github.com/thornwalli/devterm-toolbox
devterm postcss remote thermalprinter vite vue
Last synced: 03 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/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/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/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/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/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/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
Last synced: 31 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/gokatz/tailwind-scss-setup
SCSS and Tailwind setup for an Ember project
emberjs postcss scss tailwindcss
Last synced: 29 Oct 2024
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 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/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/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/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/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/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/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/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/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/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/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 07 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/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
Last synced: 07 Nov 2024
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 08 Nov 2024
https://github.com/chrisross5/kiki-storage-web
College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.
daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse
Last synced: 15 Nov 2024
https://github.com/awayken/postcss-placeholdit
PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.
Last synced: 12 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/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/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/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/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/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
https://github.com/krypton225/multi-step-form
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli
Last synced: 06 Nov 2024
https://github.com/earth-hominid/seeds-inventory-catalog
An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS
expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs
Last synced: 06 Nov 2024
https://github.com/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 Nov 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/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 06 Nov 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/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 06 Nov 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/ohmrr/senior-slideshow
A carousel of senior portraits made for my high school.
nodejs postcss tailwind typescript
Last synced: 06 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/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/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: 06 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/silvestrevivo/webpack-starter
Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.
babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2
Last synced: 16 Nov 2024
https://github.com/yjg30737/tailwind-css-react-tutorial
Using Tailwind CSS in React project (with PostCSS)
css postcss react tailwind-css tailwind-tutorial tailwindcss
Last synced: 07 Nov 2024
https://github.com/agneym/react-app
React App Webpack 4 Configuration.
boilderplate build-tools eslint minifies postcss prettier react webpack
Last synced: 07 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/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 17 Oct 2024
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: 08 Nov 2024
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: 08 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/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 10 Nov 2024
https://github.com/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 08 Nov 2024
https://github.com/om-corp/porto-challenge-next
Challenge da Porto Seguro com next.js
next nextjs postcss react reactjs tailwind tailwind-css tailwindcss
Last synced: 16 Nov 2024
https://github.com/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 09 Nov 2024
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: 08 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://github.com/claudiusayadi/ketocss
The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.
adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based
Last synced: 08 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/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/treetips/react-router-redux-typescript-parcel-example
react-router-redux-typescript-parcel-example
parcel postcss prettier react redux scss tslint typescript3 vscode
Last synced: 08 Nov 2024
