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/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/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 07 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/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/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/fluffychi-xing/templatemanage
A management system blue-print template.
element-plus frontend iconfont postcss scss tailwindcss typescript vuejs
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/rnyell/postcss-contains
Style elements based on their existing property or declaration.
Last synced: 16 Nov 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/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 13 Oct 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/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/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/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 10 Nov 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/slhsxcmy/postcss-split-selectors
css npm postcss postcss-plugin
Last synced: 14 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/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 08 Nov 2024
https://github.com/takayyz/graphql-training
GraphQLの学習用
docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript
Last synced: 07 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/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
https://github.com/cgutwin/frontendmentor
My completions of the Frontend Mentor projects.
css3 frontend frontend-mentor html5 postcss
Last synced: 14 Nov 2024
https://github.com/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 14 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/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/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/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://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/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/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/erkobridee/astro-ts-tw-hello
Astro Build using TypeScript plus TailwindCSS
astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript
Last synced: 11 Oct 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
https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 31 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/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/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/gogo200202/next-portfolio
Portfolio build with next js
github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite
Last synced: 11 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/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 10 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/jessekoldewijn/mithrilts-tailwind-vite-starter
A actually fairly modern starting template if you do need/want to use Mithril.js for some reason. (Actually uses JSX to decrease headaches)
jsx mithriljs postcss tailwindcss typescript vitejs
Last synced: 13 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/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/jessekoldewijn/qwik.jkinsight.nl
A very Qwik website right?
postcss qwik qwik-city tailwindcss typescript
Last synced: 13 Nov 2024
https://github.com/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 13 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/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/andrewmcodes-archive/dr-stapleton-website
Dr. Ann E. Stapleton's Personal Website
gatsby javascript postcss react tailwind-css tailwindcss webpack
Last synced: 08 Nov 2024
https://github.com/alexandrecpedro/spacetime
Time Capsule platform for web and mobile - NLW Spacetime
cors expo fastify figma google-fonts ignite-rocketseat lucide-icons nextjs nodejs postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/lumenpearson/docs-goodbyedpi-ui
User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.
apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack
Last synced: 11 Oct 2024
https://github.com/amansuryavanshi-1/av-news-stream
AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!
cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api
Last synced: 11 Oct 2024
https://github.com/fmanimashaun/yumeats
YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.
Last synced: 31 Oct 2024
https://github.com/vinpac/webpack-modular-css-loader
Loader to transform CSS string into module
css javascript loader modular postcss webpack
Last synced: 12 Oct 2024
https://github.com/andre-araujo/weather-app
A simple app to do Weather forecast world-wide using Parceljs and ReactJs
docker lesscss nodejs parcel-bundler postcss reactjs
Last synced: 12 Oct 2024
https://github.com/robinck/webpack-starter-kit
Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦
autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack
Last synced: 27 Oct 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/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 14 Nov 2024
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 09 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/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/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 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
Last synced: 30 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/andrepolischuk/react-mobx-state-tree-example
An example of React MobX state tree async application
example example-app mobx-state-tree postcss react
Last synced: 09 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/andrepolischuk/deku-redux-example
An example of Deku Redux async application
deku deku-redux example example-app postcss redux
Last synced: 09 Nov 2024
https://github.com/johnwatkins0/postcss-spacing-utils
Generates spacing utility classes from user settings.
Last synced: 12 Oct 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/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/efiand/sedona
Сайт туристического городка.
a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack
Last synced: 14 Nov 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/efiand/device
Интернет-магазин гаджетов.
bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack
Last synced: 14 Nov 2024
https://github.com/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 14 Nov 2024
https://github.com/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 31 Oct 2024
https://github.com/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 14 Nov 2024
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 12 Oct 2024
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 14 Nov 2024
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 14 Nov 2024
https://github.com/efiand/portfolio
Портфолио со списком работ и биографией. Все данные получаются по Github API
a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack
Last synced: 14 Nov 2024
https://github.com/efiand/pineglade-app
Engine for launching and assembling small and medium-sized sites.
bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack
Last synced: 14 Nov 2024
https://github.com/efiand/mobf21
Предыдущая версия сайта mobf21.com
a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp
Last synced: 14 Nov 2024
https://github.com/efiand/scandi
Одностраничник студии дизайна интерьеров. Demo собственного сборщика
a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/efiand/wfl
Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API
a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack
Last synced: 14 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/efiand/svelte-fastify-template
Сборка для создания простых изоморфных приложений SSR/SPA
boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo
Last synced: 14 Nov 2024
https://github.com/vs0uz4/movie-search
Aplicação Desenvolvida no Curso de SvelteJS
javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api
Last synced: 10 Nov 2024
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 Nov 2024
