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/zamotany/tailwind-ts-gen

Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.

autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript

Last synced: 19 Dec 2024

https://github.com/hungpm372/nextjs-boilerplate

Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS

boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript

Last synced: 12 Oct 2024

https://github.com/yeojz/create-react-app-postcss-starter

Example setup for PostCSS using create-react-app without running eject

create-react-app postcss react starter

Last synced: 25 Dec 2024

https://github.com/alekseypleshkov/postcss-adaptive-size

PostCSS plugin for create adaptive size

postcss postcss-adaptive-size postcss-plugin

Last synced: 26 Dec 2024

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

Last synced: 10 Jan 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

https://github.com/hwantage/postcss-delete-duplicate-selector

PostCSS plugin delete duplicate css selector in the file

npm-package postcss postcss-plugin

Last synced: 24 Jan 2025

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: 19 Dec 2024

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 27 Jan 2025

https://github.com/bush1d3v/navarro_blog_front

The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.

actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse

Last synced: 20 Jan 2025

https://github.com/sebastian-software/edgeapp

[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.

boilerplate graphql-client jest postcss redux storybook webpack webpack2

Last synced: 25 Jan 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/tiagom13/pokedex

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.

axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript

Last synced: 31 Jan 2025

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/thoughtbit/postcss-cssplus

:cyclone: PostCSS 插件包，一个现代的、灵活的、优雅的 CSS 处理器。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/luovtyrell/star-wars

A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.

context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite

Last synced: 11 Feb 2025

https://github.com/hungpm372/ideaboard

Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.

board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss

Last synced: 11 Feb 2025

https://github.com/liuyunhe/sharp-ui

sharp-ui，一套为开发者准备的基于 Vue 3.0 的桌面端组件库

es6 fort-awesome good-first-issue postcss up-for-adoption up-for-archiving up-for-grabs vue3-typescript

Last synced: 11 Feb 2025

https://github.com/johnwatkins0/postcss-javascript-mixins

Write CSS mixins in Javascript.

css css-in-js js postcss

Last synced: 12 Jan 2025

https://github.com/nju33/postcss-octicon

Postcss plugin for octicons

base64 icons octicon postcss postcss-plugin svg

Last synced: 23 Jan 2025

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/tomchochola/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 19 Nov 2024

https://github.com/alex-kinokon/postcss-light-dark

PostCSS implementation of light-dark() function

postcss

Last synced: 12 Jan 2025

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

Last synced: 24 Dec 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: 19 Dec 2024

https://github.com/pomeluce/akir-vue

vue project development scaffolding, based on vue naive-ui pinia typescript

akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 30 Jan 2025

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: 27 Dec 2024

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 27 Dec 2024

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 19 Dec 2024

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 08 Feb 2025

https://github.com/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 13 Jan 2025

https://github.com/sumingcheng/moduvue

基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。

autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5

Last synced: 11 Jan 2025

https://github.com/lunanezha/gc-capital-framer

It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.

finance headlessui motion nextjs postcss react responsive tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/premierstacks/.github

Welcome to the Premierstacks GitHub organization! In this document, I'll explain what Premierstacks is, what it offers, and how you can gain access to proprietary development stacks and templates. You’ll also find a brief introduction about me, Tomáš Chochola, the creator of Premierstacks.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack

Last synced: 08 Feb 2025

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: 27 Dec 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: 22 Dec 2024

https://github.com/deep-impact-ag/react-ts-client

React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.

boilerplate client-side cssmodules postcss react typescript webpack

Last synced: 26 Jan 2025

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: 14 Jan 2025

https://github.com/efiand/gulp-static

Сборка для создания статического сайта на gulp.

boilerplate esbuild eslint gulp image-optimization pixelperfect postcss sprite stylelint w3c-validation webp

Last synced: 13 Jan 2025

https://github.com/aeyoll/postcss-imageset-type

PostCSS plugin for adding image-set type to background-images.

image-set postcss

Last synced: 20 Dec 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: 10 Feb 2025

https://github.com/asbhogal/react-digital-business-cards

A series of four digital business cards created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)

babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 postcss react reactjs scrimba scrimba-react scss webpack

Last synced: 21 Jan 2025

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 28 Jan 2025

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: 09 Jan 2025

https://github.com/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 07 Feb 2025

https://github.com/melhosseiny/get-rhythm

PostCSS plugin to generate vertical rhythm using a modular typographic scale

deno postcss typography

Last synced: 23 Jan 2025

https://github.com/alexandremasy/postcss-salt-typography

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 26 Dec 2024

https://github.com/erkobridee/vite-react-ts

first contact using the Vite.js, TS, React, PostCSS and TailwindCSS

postcss react tailwindcss template typescript vitejs

Last synced: 18 Jan 2025

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: 26 Dec 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/ryan-dorman/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 Jan 2025

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 09 Nov 2024

https://github.com/eckelon/astral-initializer

Boilerplate for creating a webapp using the astral framework, created by @jorgeATGU

astral boilerplate css initializer node postcss web

Last synced: 23 Jan 2025

https://github.com/ghaerdi/ghaerdi-webpage

ghaerdi's webpage, using vite, vue and typescript.

jest postcss typescript vite vue

Last synced: 05 Feb 2025

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: 10 Feb 2025

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 26 Dec 2024

https://github.com/ghaerdi/array-algorithms-visualizer

Algorithms visualizer for arrays using vite and vue with typescript

algorithm array postcss typescript vite vue

Last synced: 05 Feb 2025

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 08 Feb 2025

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: 02 Jan 2025

https://github.com/kimulaco/postcss-amp-custom

PostCSS plugin to optimize CSS source for AMP HTML.

amp amp-html postcss

Last synced: 03 Jan 2025

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 09 Feb 2025

https://github.com/jorgeatgu/gulp-postcss

:small_red_triangle: Empezando a trabajar con postCSS en Gulp

blog css postcss

Last synced: 06 Jan 2025

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: 27 Dec 2024

https://github.com/viktor-yakubiv/rehype-postcss

Run PostCSS on <style> elements through rehype

postcss rehype-plugin unified-plugin

Last synced: 09 Feb 2025

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: 17 Jan 2025

https://github.com/thinknathan/web-app-starter-project

Web app template with TypeScript, PostCSS, Workbox & PWA Asset Generator. Has Github Actions to publish via Electron for desktop or Capacitor for Android.

capacitorjs cross-platform-development electronjs esbuild multi-platform-builder postcss progressive-web-app pwa template typescript web-app webdev workbox

Last synced: 02 Nov 2024

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 04 Feb 2025

https://github.com/boddepallyvenkatesh06/employee-entry-full-stack

Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form

nodejs-s3 postcss reractjs tailwindcss

Last synced: 16 Jan 2025

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: 09 Feb 2025

https://github.com/winston0410/postcss-sparrow-props-filter

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

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/tulepbergenov/my-gulp

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 19 Dec 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: 06 Jan 2025

https://github.com/francoisromain/system.css

A minimal CSS boilerplate

css grid-system postcss typescale

Last synced: 17 Jan 2025

https://github.com/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Jan 2025

PostCSS Awesome Lists
awesome-tailwindcss 266
PostCSS Categories
Learning 79 UI Libraries, Components & Templates 69 Tools 49 Starters & Themes 36 Plugins 35 Useful Links 11 IDE Extensions 5