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:

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.

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/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/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 07 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/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/fabdoc27/hirego-template

Fully responsive Tailwind template.

autoprefixer postcss responsive-design tailwindcss

Last synced: 07 Nov 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/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/rajdee/postcss-autoimport

PostCSS plugin for automatically import global dependencies.

global import postcss postcss-plugin

Last synced: 07 Nov 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/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 07 Nov 2024

https://github.com/celthros/simple-tailwind-post-webpack

Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.

configuration postcss tailwindcss webpack

Last synced: 07 Nov 2024

https://github.com/stevenalvaradoaguilar/weather-app

This project is an application to use and reinforce my knowledge in Next used typescript and Tailwind css with API's, the use and good practices of web developer importance in Backend and Frontend from the video offered by freecodecamp: https://www.youtube.com/watch?v=KkC_wYM_Co4.

api-client api-rest nextjs postcss tailwindcss

Last synced: 07 Nov 2024

https://github.com/pronoia9/flapple

Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!

autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs

Last synced: 07 Nov 2024

https://github.com/castelo-codez/scoot-multi-page-website

This multi-page website will really test your front-end skills. There are 4 pages to build with mobile, tablet, and desktop designs included.

cypre frontend-mentor frontendmentor-challenge hrml js postcss sass scoot-multipage-website tail vite vuejs

Last synced: 07 Nov 2024

https://github.com/hoangnguyen77/interior-construction-quotation-fe

The frontend for interior construction quotation platform

html-css-javascript postcss reactjs scss tailwindcss vitejs

Last synced: 07 Nov 2024

https://github.com/davismz09/proyecto-grado-angie-flores

Página estática referente al proyecto de grado de Angie Flores

autofixer gh-pages js postcss react swiper-js tailwindcss

Last synced: 11 Nov 2024

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 05 Nov 2024

https://github.com/jsimck/postcss-webpack-plugin

A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.

cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin

Last synced: 17 Oct 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/studioalex/postcss-fontify

postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.

font fonts plugin postcss variable-fonts

Last synced: 12 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/dbish6/open_weather_app

This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!

postcss reactjs

Last synced: 14 Oct 2024

https://github.com/blackoutseeker/felips-rfe

My Final Internship Report in website format

eslint nextjs postcss prettier reactjs tailwindcss typescript

Last synced: 14 Oct 2024

https://codeberg.org/fec/postcss-url-mapping

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

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.

css postcss postcss-plugin

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/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 27 Sep 2024

https://github.com/jguddas/jumpstart

Config and boilerplate free dev/build tool.

babel eslint jest less lightscript postcss sass typescript webpack

Last synced: 13 Oct 2024

https://github.com/sthzg/codesandbox-tailwind-playground

Tailwind playgound running locally and on codesandbox.io.

csa-template hmr playground postcss snowpack tailwindcss

Last synced: 14 Oct 2024

https://github.com/kingsora/rollup-plugin-css

Bundle, process and optimize css files with rollup.

css esbuild less plugin postcss rollup rollup-plugin sass scss sss stylus sugarss

Last synced: 28 Oct 2024

https://github.com/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 07 Nov 2024

https://github.com/pvdlg/karma-postcss-preprocessor

Karma preprocessor to compile css files with postcss with sourcemap and watch support

karma karma-plugin karma-preprocessor postcss sourcemaps watcher

Last synced: 13 Oct 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/zhanba/react-starter

yet another react starter based on webpack, babel, postcss

babel eslint postcss react webpack2

Last synced: 13 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/gespinha/postcss-spacer

PostCSS plugin for normalising spaces between lines on your stylesheets.

css plugin postcss postcss-modules postcss-plugin

Last synced: 14 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/garthdb/postcss-add-bem-modifier

A PostCSS plugin to append a BEM modifier to CSS classes.

bem css postcss

Last synced: 14 Oct 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/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 14 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/milliorn/user-dashboard

Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.

autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript

Last synced: 26 Oct 2024

https://github.com/malcolm-kee/webpack-config

A sample React project with flexible webpack config

babel font-awesome postcss react sass typescript webpack

Last synced: 14 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/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/stoyan/cssvalueparserdemo

Demo of postcss-value-parser

css demo parsing postcss

Last synced: 14 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/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 15 Oct 2024

https://github.com/zhangwei900808/hiynn-layout

海云页面布局组件

npm postcss react rollup

Last synced: 18 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/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.

postcss webpack4

Last synced: 15 Oct 2024

https://github.com/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 15 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/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/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/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 22 Oct 2024

https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS

gatsby postcss purgecss starter tailwind

Last synced: 26 Oct 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/snenenenenenene/tailwind-appuniversum

A component library tailwind-based on the @appuniverse/webuniverse libraries

component-library ember flanders postcss tailwindcss

Last synced: 31 Oct 2024

https://github.com/connectkushal/cssnotes

Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite

Last synced: 15 Oct 2024

https://github.com/denis-axenov/webpack-boilerplate

🚀 Webpack Boilerplate — starter with Webpack 5, SCSS, ESLint, Stylelint, SWC for ⚡ faster JS builds, and Jest for testing. Includes PostCSS, CSSnano, and Autoprefixer for optimization.

autoprefixer cssnano eslint jest postcss scss stylelint swc webpack webpack5

Last synced: 31 Oct 2024

https://github.com/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 27 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/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 12 Oct 2024

https://github.com/amansuryavanshi-1/foodah

This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.

emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel

Last synced: 11 Oct 2024

PostCSS Awesome Lists
awesome-tailwindcss 265
PostCSS Categories
Learning 82 UI Libraries, Components & Templates 73 Tools 51 Starters & Themes 38 Plugins 34 Useful Links 11 IDE Extensions 5