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/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/ikram-maulana/webpack-tailwind-boilerplate
🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.
postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind
Last synced: 11 Nov 2024
https://github.com/simonpadbury/baselayer-3
A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.
cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables
Last synced: 11 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/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 11 Nov 2024
https://github.com/creaworks-labs/postcss-react-bender
PostCSS plugin to process react-bender styling features with scss like syntax.
css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet
Last synced: 05 Nov 2024
https://github.com/braswelljr/hit
Hive Institute Website
autoprefixer nextjs postcss react tailwindcss vercel
Last synced: 28 Oct 2024
https://github.com/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 Nov 2024
https://github.com/patrickxchong/patrickxchong.com
Personal website of Patrick Chong
alpinejs eleventy postcss tailwindcss
Last synced: 05 Nov 2024
https://github.com/aras-ax/postcss-vars-process
PostCSS plugin to extract and replace variables from css, support legal custom format variables
css-variables extract extract-values postcss
Last synced: 05 Nov 2024
https://github.com/mouhametnd/pomodoro-app
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
bem-methodology gulpjs javascript localstorage postcss scss
Last synced: 11 Oct 2024
https://github.com/fmanimashaun/skilled-elearning-landing-page
his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
frontendmentor-challenge html5 mobile-first postcss scss webpack5
Last synced: 31 Oct 2024
https://github.com/azakharo/react-starter-2020
Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.
antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack
Last synced: 05 Nov 2024
https://github.com/quramy/fuse-postcss-example
A Fuse-Box with PostCSS example repository.
Last synced: 17 Oct 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/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 17 Oct 2024
https://github.com/seniorjoinu/react-frontend-skeleton
Don't waste your time
ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack
Last synced: 16 Nov 2024
https://github.com/joserafael0160/clock
A basic clock made with HTML, PostCSS and JS
basic-clock clock clock-web html javascript postcss web-clock
Last synced: 11 Oct 2024
https://github.com/octet-stream/tailwindcss-device
TailwindCSS plugin to add variants for input device detection using `@media` queries
media-queries postcss tailwindcss tailwindcss-plugin
Last synced: 07 Nov 2024
https://github.com/devbyray/raymonschouwenaar-blog
RaymonSchouwenaar.nl blog
asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack
Last synced: 13 Nov 2024
https://github.com/murshidazher/trostcss
:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.
css-framework css3 frontend postcss stylesheet ui
Last synced: 08 Nov 2024
https://github.com/thenamevishnu/night-owl-client
(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.
axios css eslint jwt-authentication postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/thenamevishnu/black-board
Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.
canvas eslint postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 05 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/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 13 Nov 2024
https://github.com/rumenpetrov/frontend-starter-kit
Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.
architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini
Last synced: 14 Nov 2024
https://github.com/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 13 Nov 2024
https://github.com/silvermine/postcss-css-var-fallback
PostCSS plugin to insert fallbacks for CSS Custom Properties
css css-custom-properties css-variables postcss
Last synced: 14 Nov 2024
https://github.com/songsterr/postcss-remove-all-at-rules
PostCSS plugin to remove all of the at-rules
at-rule cleanup css postcss postcss-plugin
Last synced: 13 Nov 2024
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 12 Nov 2024
https://github.com/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 Nov 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/aggutierrez98/aggutierrez-portfolio
cssmodules framer-motion nextjs personal-website postcss react typescript
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/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/doinel1a/vite-react-ts-starter
Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.
boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite
Last synced: 07 Nov 2024
https://github.com/ynaka6/nakamu.me
My profile site
netlify nuxtjs postcss tailwindcss
Last synced: 28 Oct 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/neurosnap/postcss-scale-media-query
Scale media query `-width` by some percentage
media-query postcss postcss-plugin scale
Last synced: 28 Oct 2024
https://github.com/yazeedobaid/my-laravel-setup
My Laravel Project setup
eslint jest laravel laravel-setup postcss tailwindcss vue
Last synced: 07 Nov 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/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/tolking/postcss-flex-alias
PostCSS plugin easily write flex
flex plugin postcss postcss-flex-alias
Last synced: 07 Nov 2024
https://github.com/semanticdata/ximena
🐞 Eleventy starter theme/template with TailwindCSS, DaisyUI.
11ty 11ty-starter cssnano daisyui eleventy eleventy-starter postcss prettier sass tailwindcss wip work-in-progress
Last synced: 07 Nov 2024
https://github.com/jeff2ma/postcss-decls-ref
A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).
css declaration extend postcss postcss-plugin ref sass
Last synced: 11 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/fboulnois/sveltekit-template
A SvelteKit 2 and Tailwind CSS template with a few other defaults.
eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest
Last synced: 05 Nov 2024
https://github.com/gsoft-inc/wl-web-configs
Shared configurations for building web applications at Workleap.
browserslist eslint postcss stylelint swc tsup typescript webpack
Last synced: 18 Oct 2024
https://github.com/bush1d3v/solidity-todo-app
Solidity Todo App is an solidity study project, integrated with web3 and vue.js.
biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js
Last synced: 15 Nov 2024
https://github.com/birdofpreyru/postcss-icss
PostCSS plugin to process CSS modules and extract tokens
css css-modules javascript modules plugin postcss web
Last synced: 27 Sep 2024
https://github.com/gugadev/styled-react-ts
Minimal boilerplate for React, Styled-JSX and Typescript.
css postcss react styled-components styled-jsx typescript
Last synced: 06 Nov 2024
https://github.com/jorgeatgu/postcss-congresoweb
:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web
Last synced: 10 Nov 2024
https://github.com/jorgeatgu/gulp-postcss
:small_red_triangle: Empezando a trabajar con postCSS en Gulp
Last synced: 10 Nov 2024
https://github.com/saabbir/fictional-travel-site
A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
Last synced: 14 Nov 2024
https://github.com/cxspxr/vue-cli-plugin-sugarss
:strawberry: SugarSS support for vue-cli projects
postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack
Last synced: 18 Oct 2024
https://github.com/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 18 Oct 2024
https://github.com/a-x-/postcss-global-nested
Wrap styles into a :global like postcss-nested does it for usual selectors
postcss postcss-nested postcss-plugin
Last synced: 11 Oct 2024
https://github.com/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 01 Nov 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/jamiller619/tachyons.js
Tachyons helper function for JavaScript. Built with PostCSS Modules.
css css-in-js css-modules postcss postcss-modules tachyons tachyons-css
Last synced: 01 Nov 2024
https://github.com/sakilk130/nextjs-13-boilerplate
🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS
boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/bntzio/reaction
A super simple yet powerful react + redux boilerplate
babel boilerplate eslint karma mocha postcss react redux webpack
Last synced: 08 Nov 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/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/ezavile/postcss-typescript-kickstart
Simple boilerplate to kick start your new PostCSS plugin with TypeScript
boilerplate kickstart postcss postcss-plugin typescript
Last synced: 07 Nov 2024
https://github.com/pierrecholhot/hank
Live OS monitoring UI built on top of HighCharts.js
babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack
Last synced: 15 Nov 2024
https://github.com/nju33/postcss-octicon
Postcss plugin for octicons
base64 icons octicon postcss postcss-plugin svg
Last synced: 10 Nov 2024
https://github.com/mariusz-ba/postcss-ms-grid
PostCSS plugin for adding css-grid fallback for IE.
css-grid grid ie11 ie11-grid postcss postcss-plugin
Last synced: 10 Nov 2024
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 09 Nov 2024
https://github.com/akellbl4/introduction-to-nextjs
Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them
bootstrap examples nextjs nextjs-example postcss styled-jsx vercel
Last synced: 15 Oct 2024
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/harinathlee/ford-app
This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.
eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui
Last synced: 31 Oct 2024
https://github.com/ghaerdi/ghaerdi-webpage
ghaerdi's webpage, using vite, vue and typescript.
jest postcss typescript vite vue
Last synced: 23 Oct 2024
https://github.com/daveinchy/simple-react-template
This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable
css postcss react tailwindcss webpack
Last synced: 09 Nov 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/davidwarrington/postcss-responsive-classes
Generate responsive class variants with responsive at-rule
Last synced: 03 Nov 2024
https://github.com/alex-kinokon/postcss-light-dark
PostCSS implementation of light-dark() function
Last synced: 13 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/vinks/redux-ultimate-ssr
A complex starter react boilerplate for an universal web application with express api backend and server side render.
axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2
Last synced: 12 Nov 2024
https://github.com/jakesidsmith/watch-less-do-more
Watch less files and their dependency tree for changes & automatically recompile
css dependency-tree less postcss postcss-modules recompile watch watcher
Last synced: 28 Oct 2024
https://github.com/mohamedsamara/react-node-typescript
Fullstack TypeScript Template
node postcss pwa react sass typescript webpack workbox
Last synced: 09 Nov 2024
https://github.com/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 09 Nov 2024
https://github.com/mohamedsamara/react-ssr-app
:star: React Application with Server Side Rendering
babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox
Last synced: 09 Nov 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/rafaeldevvv/pokon
Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.
eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript
Last synced: 07 Nov 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/the-holocron/threepio
The protocol droid.
babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config
Last synced: 18 Oct 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