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/winston0410/postcss-sparrow-units-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by units.

postcss postcss-sparrow

Last synced: 28 Oct 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/shashkovdanil/next-template

Next.js, TypeScript, CSS Modules template

css next nextjs postcss typescript

Last synced: 08 Nov 2024

https://github.com/de1ck/javascript-tools-guide

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 12 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/scarfacedeb/brunch-elixir-web

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 31 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/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/chaojiangcn/h5-vuecli4

移动端vue cli4构建项目

bable postcss vuecli4 webpack webpack4 yi-dong-duan

Last synced: 31 Oct 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/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/lucjosin/astro-rename-example

How to use the astro-rename integration to hash all CSS class names from your astro project

astro css integration postcss

Last synced: 30 Oct 2024

https://github.com/wearerequired/js

📦 Monorepo for JavaScript packages used @wearerequired.

boilerplate browserlist postcss

Last synced: 13 Nov 2024

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Nov 2024

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 02 Nov 2024

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 27 Oct 2024

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 15 Oct 2024

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Nov 2024

https://github.com/dkmfzf/webowio

A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied

css gulp html javascript js nodejs postcss stylelint

Last synced: 03 Nov 2024

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 07 Nov 2024

https://github.com/cedric-renais/nike

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

next postcss prettier prettier-plugin-tailwindcss tailwind

Last synced: 09 Nov 2024

https://github.com/neetjn/metatube-landing

Landing page for metatube project using Riot.js 4 and Tailwind CSS.

css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube

Last synced: 28 Oct 2024

https://github.com/othytenk/xutul-landing-page

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 07 Nov 2024

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 11 Oct 2024

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Oct 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/anxdydx/agencyworkflow

✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.

autoprefixer cms nextjs postcss sanity tailwindscss

Last synced: 11 Oct 2024

https://github.com/juanpdn/github-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

api-rest css github-profile nextjs postcss tailwind typescript

Last synced: 11 Oct 2024

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 07 Nov 2024

https://github.com/cristian-sbardelotto/quizzed

⚡Welcome to Quizzed! Test your knowledge and try our quiz to challenge yourself!

eslint git github javascript postcss react react-router tailwind-css tailwind-merge typescript

Last synced: 07 Nov 2024

https://github.com/the-puppet-studios/sveltis

Sveltis is a preset for building modern Svelte applications.

nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript

Last synced: 12 Oct 2024

https://github.com/saibarathr/react-audio-wave-modern

ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.

audio-visualizer npm postcss reactjs typescript waveform

Last synced: 12 Oct 2024

https://github.com/sonvice/easybank

Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass

html5 javascript postcss react sass vite

Last synced: 10 Nov 2024

https://github.com/dangvanthanh/web-boilerplate

Boilerplate for front end projects

babel boilerplate nunjucks postcss rollup

Last synced: 14 Nov 2024

https://github.com/jondotsoy/equip-resources-basestyles

Shared resources for component implementation.

css postcss

Last synced: 13 Oct 2024

https://github.com/andreivictor/webpack-starter

A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 15 Oct 2024

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 16 Nov 2024

https://github.com/lagden-development/lagden.dev

The official website for Lagden Development; built with NextJS and TypeScript.

eslint js nextjs postcss react tailwindcss typescript

Last synced: 07 Nov 2024

https://github.com/code-sensei/nextjs-template

A robust Next.js template to kickstart your web projects. This template includes essential tools and configurations to streamline development.

eslint husky nextjs nextjs13 nextjs14 postcss react reactjs tailwindcss

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

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