Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

CSS

Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of websites. It allows for the separation of presentation and content, and includes the characteristics of layouts, colors and fonts. CSS builds upon HTML to make webpages more interactive and appealing to the user.

https://github.com/ObjTube/front-end-roadmap

Tell you how to learn front end development ~

css front-end html javascript learning roadmap

Last synced: 03 Aug 2024

https://github.com/The-Cool-Coders/Project-Ideas-And-Resources

A Collection of application ideas that can be used to improve your coding skills ❤.

beginner contribution contributions-welcome css frontend hacktoberfest html javascript open-source opensource php projects python react

Last synced: 07 Nov 2024

https://github.com/rtivital/omatsuri

PWA with 12 open source frontend focused tools

application css frontend react svg svgo toolbox webworkers

Last synced: 14 Oct 2024

https://github.com/javierbyte/img2css

Convert any image to pure CSS. Recreates images using only box-shadows.

css design design-tool frontend img2css javascript pixel-art react

Last synced: 09 Oct 2024

https://github.com/cssmagic/css-secrets

《CSS 揭秘》这本书的大本营

book css

Last synced: 22 Oct 2024

https://github.com/cognitom/paper-css

Paper CSS for happy printing

css printing

Last synced: 14 Oct 2024

https://github.com/itmeo/webgradients

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

backdrop background colors css design front-end gradient palette pure purecss splendid-gradients ui

Last synced: 15 Oct 2024

https://github.com/ethantw/Han

「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.

css han sass stylus typography

Last synced: 01 Nov 2024

https://github.com/Licoy/wordpress-theme-puock

:art: 一款基于WordPress开发的高颜值的自适应主题，支持白天与黑夜模式/无刷新加载/第三方登录等众多功能 | A high-value adaptive theme based on WordPress, supports light and dark modes, no refresh loading, etc.

bootstrap chatgpt chatgpt-app css easy easy-to-use javascript openai php php7 php8 pjax powerful puock theme themes wordpress wordpress-theme wp

Last synced: 25 Oct 2024

https://github.com/licoy/wordpress-theme-puock

:art: 一款基于WordPress开发的高颜值的自适应主题，支持白天与黑夜模式/无刷新加载/第三方登录等众多功能 | A high-value adaptive theme based on WordPress, supports light and dark modes, no refresh loading, etc.

bootstrap chatgpt chatgpt-app css easy easy-to-use javascript openai php php7 php8 pjax powerful puock theme themes wordpress wordpress-theme wp

Last synced: 10 Oct 2024

https://github.com/ethantw/han

「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.

css han sass stylus typography

Last synced: 15 Oct 2024

https://github.com/ingram-projects/animxyz

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

animation animxyz composable-animations css css-animations css-framework functional-css react scss vue

Last synced: 14 Oct 2024

https://github.com/mobi-css/mobi.css

A lightweight, scalable, mobile-first CSS framework

css css-framework cssnext design flexbox mobi-css mobile mobile-first postcss

Last synced: 11 Oct 2024

https://github.com/umpox/TinyEditor

A functional HTML/CSS/JS editor in less than 400 bytes

css html javascript

Last synced: 01 Nov 2024

https://github.com/umpox/tinyeditor

A functional HTML/CSS/JS editor in less than 400 bytes

css html javascript

Last synced: 14 Oct 2024

https://github.com/bxm0927/canvas-special

:octocat::alien::star2:超多经典 Canvas 实例，动态离子背景、炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等。

canvas css html js

Last synced: 15 Oct 2024

https://github.com/premailer/premailer

Preflight for HTML email

css inline mail nokogiri premailer ruby

Last synced: 29 Oct 2024

https://github.com/webkul/micron

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

animation css css-animations css-modules css3 javascript javascript-library js

Last synced: 14 Oct 2024

https://github.com/lukyvj/family.scss

Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

css nth-order sass

Last synced: 15 Oct 2024

https://github.com/LukyVj/family.scss

Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

css nth-order sass

Last synced: 25 Oct 2024

https://github.com/robinweser/fela

State-Driven Styling in JavaScript

atomic-css components css css-in-js react state-driven styling

Last synced: 31 Oct 2024

https://github.com/gawel/pyquery

A jquery-like library for python

css jquery lxml python python3

Last synced: 29 Oct 2024

https://github.com/gregberge/xstyled

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

css css-in-js emotion react styled-components styled-system tailwindcss

Last synced: 08 Aug 2024

https://github.com/styled-components/xstyled

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

css css-in-js emotion react styled-components styled-system tailwindcss

Last synced: 07 Oct 2024

https://github.com/astroturfcss/astroturf

Better Styling through Compiling: CSS-in-JS for those that want it all.

astroturf css

Last synced: 14 Oct 2024

https://github.com/4Catalyzer/astroturf

Better Styling through Compiling: CSS-in-JS for those that want it all.

astroturf css

Last synced: 04 Aug 2024

https://github.com/macbre/phantomas

Headless Chromium-based web performance metrics collector and monitoring tool

automation chromium css developer-tools dom domquery headless-chrome http2 http3 javascript jquery metrics phantomas puppeteer webperf webperformance

Last synced: 29 Oct 2024

https://elad2412.github.io/the-new-css-reset/

The New Simple and Lighter CSS Reset

css reset-css

Last synced: 04 Nov 2024

https://smaranjitghose.github.io/awesome-portfolio-websites/

A community maintained open source project aimed at making a personal portfolio for researchers, developers, and analysts simple, fast, and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors.

ch-20 css dwoc dwoc2020 gsso21 hacktoberfest-accepted html javascript lgmsoc21 nwoc portfolio psoc21 sci sci20 slop slop20 swoc2021

Last synced: 28 Oct 2024

https://github.com/elad2412/the-new-css-reset

The New Simple and Lighter CSS Reset

css reset-css

Last synced: 29 Oct 2024

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

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 14 Oct 2024

https://sakofchit.github.io/system.css/

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 03 Aug 2024

https://github.com/arthurspk/guiadobackend

Nesse guia você encontrará tudo para se torna um desenvolvedor back-end, dessa maneira, encontrará mapas mentais, cursos, trilhas e outras ferramentas para poder praticar o conhecimento adquirido.

api backend c csharp css git github golang html java linux php python

Last synced: 14 Oct 2024

https://github.com/1000ch/grd

A CSS grid framework using Flexbox. Only 321 bytes (Gzipped).

css flexbox grid grid-layout

Last synced: 30 Oct 2024

https://github.com/joe-bell/plaiceholder

Beautiful image placeholders, without the hassle.

blurhash css image-optimisation lqip placeholder plaiceholder tailwindcss

Last synced: 27 Sep 2024

https://github.com/AudithSoftworks/Uniform

A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes!

css custom-form-fields javascript jquery sass uniform

Last synced: 30 Oct 2024

https://github.com/audithsoftworks/uniform

A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes!

css custom-form-fields javascript jquery sass uniform

Last synced: 25 Sep 2024

https://github.com/aozora/bootmetro

Simple and complete web UI framework to create web apps with Windows 8 Metro user interface, based on Bootstrap 2.

bootstrap css metro-ui

Last synced: 25 Sep 2024

https://aozora.github.io/bootmetro/

Simple and complete web UI framework to create web apps with Windows 8 Metro user interface, based on Bootstrap 2.

bootstrap css metro-ui

Last synced: 01 Nov 2024

https://github.com/openspeedtest/Speed-Test

SpeedTest by OpenSpeedTest™ is a Free and Open-Source HTML5 Network Performance Estimation Tool Written in Vanilla Javascript and only uses built-in Web APIs like XMLHttpRequest (XHR), HTML, CSS, JS, & SVG. No Third-Party frameworks or libraries are Required. Started in 2011 and moved to OpenSpeedTest.com dedicated Project/Domain Name in 2013.

css html5 html5-speedtest javascript network-monitoring network-speed-meter network-tools speedtest svg xhr2

Last synced: 25 Oct 2024

https://github.com/hojberg/cssarrowplease

Generate CSS tooltip arrows

css css-arrow javascript tooltip-arrow

Last synced: 15 Oct 2024

https://github.com/openspeedtest/speed-test

SpeedTest by OpenSpeedTest™ is a Free and Open-Source HTML5 Network Performance Estimation Tool Written in Vanilla Javascript and only uses built-in Web APIs like XMLHttpRequest (XHR), HTML, CSS, JS, & SVG. No Third-Party frameworks or libraries are Required. Started in 2011 and moved to OpenSpeedTest.com dedicated Project/Domain Name in 2013.

css html5 html5-speedtest javascript network-monitoring network-speed-meter network-tools speedtest svg xhr2

Last synced: 15 Oct 2024

https://github.com/nunomaduro/termwind

🍃 In short, it's like Tailwind CSS, but for the PHP command-line applications.

console css php tailwind

Last synced: 13 Oct 2024

https://github.com/timmywil/panzoom

A library for panning and zooming elements using CSS transforms :mag:

css pan panzoom pointer-events svg typescript zoom

Last synced: 29 Oct 2024

https://github.com/terrymun/fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions.

css javascript lightbox modal-box ui

Last synced: 26 Sep 2024

https://github.com/terrymun/Fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions.

css javascript lightbox modal-box ui

Last synced: 28 Oct 2024

https://github.com/5t3ph/stylestage

A modern CSS showcase styled by community contributions. Add your stylesheet!

11ty community css design hacktoberfest modern-css style-stage

Last synced: 14 Oct 2024

https://github.com/leeoniya/dropcss

An exceptionally fast, thorough and tiny unused-CSS cleaner

clean css optimization purge remove styles unused

Last synced: 14 Oct 2024

https://github.com/nitin42/terminal-in-react

👨‍💻 A component that renders a terminal

css design javascript react svg terminal webapp webpack

Last synced: 14 Oct 2024

https://github.com/jsxstyle/jsxstyle

Inline style system for JSX

css css-in-js inline-styles jsxstyle react

Last synced: 01 Nov 2024

https://github.com/smyte/jsxstyle

Inline style system for JSX

css css-in-js inline-styles jsxstyle react

Last synced: 04 Aug 2024

https://github.com/matype/stylefmt

stylefmt is a tool that automatically formats stylesheets.

css formatter postcss postcss-plugins sass stylelint

Last synced: 11 Oct 2024

https://github.com/themesberg/flowbite-admin-dashboard

Free and open-source admin dashboard template built with Tailwind CSS and Flowbite

admin-dashboard charts css dashboard flowbite html hugo javascript tailwind tailwindcss webpack widget

Last synced: 13 Oct 2024

https://github.com/ganapativs/bttn.css

Awesome buttons for awesome projects!

button css frontend interaction-design library stylus ui-design

Last synced: 14 Oct 2024

https://github.com/lefex/FE

前端 100 天，帮助 10W 人入门并进阶前端。

css flexbox fontend html javascript react vue webpack

Last synced: 04 Nov 2024

https://github.com/lefex/fe

前端 100 天，帮助 10W 人入门并进阶前端。

css flexbox fontend html javascript react vue webpack

Last synced: 09 Oct 2024

https://github.com/primocms/primo

Primo is a visual CMS with a built-in code editor, Svelte blocks, and static site generator.

cms component-library css html ide jamstack primo static-site static-site-generator svelte wordpress

Last synced: 31 Oct 2024

https://github.com/fregante/object-fit-images

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...

css edge ie images js polyfill

Last synced: 26 Sep 2024

https://github.com/bfred-it/object-fit-images

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...

css edge ie images js polyfill

Last synced: 05 Aug 2024

https://github.com/filipelinhares/ress

🚿 A modern CSS reset

css reset ress

Last synced: 15 Oct 2024

https://github.com/rgrove/sanitize

Ruby HTML and CSS sanitizer.

css html ruby sanitization

Last synced: 30 Oct 2024

https://github.com/ajusa/lit

World's smallest responsive 🔥 css framework (395 bytes)

css css-framework flat lit microframework

Last synced: 14 Oct 2024

https://github.com/atlassian-labs/compiled-css-in-js

A familiar and performant compile time CSS-in-JS library for React.

babel css css-in-js parcel react reactjs typescript webpack

Last synced: 04 Aug 2024

https://github.com/atlassian-labs/compiled

A familiar and performant compile time CSS-in-JS library for React.

babel css css-in-js parcel react reactjs typescript webpack

Last synced: 29 Oct 2024

https://github.com/dbohdan/classless-css

A list of classless CSS themes/frameworks with screenshots

classless classless-css classless-theme css list

Last synced: 15 Oct 2024

https://github.com/bjankord/style-guide-boilerplate

⚡️🎨 A starting point for crafting living style guides.

boilerplate css html styleguide

Last synced: 15 Oct 2024

https://github.com/bjankord/Style-Guide-Boilerplate

⚡️🎨 A starting point for crafting living style guides.

boilerplate css html styleguide

Last synced: 25 Oct 2024

https://github.com/matthiasmullie/minify

CSS & JavaScript minifier, in PHP. Removes whitespace, strips comments, combines files (incl. @import statements and small assets in CSS files), and optimizes/shortens a few common programming patterns.

compression compressor css css-minifier javascript js js-minifier minifier minify php

Last synced: 15 Oct 2024

https://github.com/mdn/kuma

The project that powers MDN.

css html javascript mdn nodejs python reactjs sass

Last synced: 25 Sep 2024

https://github.com/danfickle/openhtmltopdf

An HTML to PDF library for the JVM. Based on Flying Saucer and Apache PDF-BOX 2. With SVG image support. Now also with accessible PDF support (WCAG, Section 508, PDF/UA)!

accessibility css html java pdf pdf-generation pdfbox svg

Last synced: 29 Oct 2024

https://github.com/nextui-org/tailwind-variants

🦄 Tailwindcss first-class variant API

classnames css tailwindcss variants

Last synced: 13 Oct 2024

https://github.com/svg-sprite/svg-sprite

SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)

css html less mustache sass sprite svg svgo

Last synced: 29 Oct 2024

https://github.com/csstree/csstree

A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations

ast css css-parser fast generator lexer parser w3c walker

Last synced: 28 Oct 2024

https://github.com/adamjgrant/kickstart

Kickstart is a CSS library designed for modularity and fast page performance

css framework kickstart

Last synced: 26 Sep 2024

https://thesabbir.github.io/simple-line-icons/

Simple and Minimal Line Icons

css font icons icons-pack line

Last synced: 10 Nov 2024

https://github.com/jCodeLife/mind-map

🖼个人思维导图笔记，已整理JS、TS、Vue、React ... 持续更新中，欢迎 PR 和 Start~

css js ts vue

Last synced: 07 Nov 2024

https://github.com/jcodelife/mind-map

🖼个人思维导图笔记，已整理JS、TS、Vue、React ... 持续更新中，欢迎 PR 和 Start~

css js ts vue

Last synced: 14 Oct 2024

https://github.com/thesabbir/simple-line-icons

Simple and Minimal Line Icons

css font icons icons-pack line

Last synced: 14 Oct 2024

https://github.com/madeleineostoja/rucksack

A little bag of CSS superpowers, built on PostCSS

css css-framework postcss postcss-plugins responsive-typography

Last synced: 11 Oct 2024

https://github.com/jglovier/resume-template

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

css html jekyll resume resume-template theme

Last synced: 11 Oct 2024

https://github.com/ng-packagr/ng-packagr

Compile and package Angular libraries in Angular Package Format (APF)

angular angular-cli angular-library angular-package-format component-library css html less scss stylus typescript

Last synced: 29 Oct 2024

CSS Awesome Lists
Front-End-Checklist 157 Front-End-Performance-Checklist 174 awesome-tailwindcss 265 spark-joy 286 awesome-css-frameworks 244 awesome-learning-resources 495 awesome-css 208 channels 255 Awesome-JavaScript-Interviews 332 awesome-css-learning 44 frontendDaily 195 knowledge 569 awesome-sass 116 awesome-made-by-brazilians 171 awesome-spinners 50 awesome-flexbox 127 awesome-design-systems 102 awesome-joplin 64 awesome-bulma 142 awesome_computer_science 116 awesome-bitrix 132 expert-css 111 zh_CN-Computer-Science-Curriculum-Front-End-Curriculum 119 self-taught-developer 47 awesome-web-styling 82 fe-awesome-demos 73 awesome-gradient 67 awesome-web-development 341 discord-resources 62 awesome-webdev-resources 640 resources-for-web-developers 118 awesome-milligram 61 awesome-frontend 120 awesome-css-art 69 Awesome-CSS-Resources 234 templates 45 awesome-less 155 awesome-mdbootstrap 70 awesome-programming-tutorials 45 awesome-notes 68 JavaScript-Guide 385 awesome-resources 62 awesome-web-graphics 102 awesome-frontend-resources 103 awesome-sources 37 awesome-frontend 71 awesome-project-ideas 59 awesome-css-only 51 resources 119 awesome-frontend-learning-resource 86
CSS Categories
Uncategorized 983 [最新推文](https://weixin.qdkfweb.cn/) 455 Javascript 356 Frameworks / Resources 236 Design systems 231 [#JavaScript](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867487930202554375#wechat_redirect) 213 Notes 190 Tools 154 JavaScript 149 Articles 145 Table of Contents 144 System-Design related topics-Some very useful articles 141 Stalled Development 138 English 138 目录介绍(由易入难) 135 SEO 129 Typography 125 Design tokens 125 [前端日报](https://github.com/kujian/frontendDaily/issues) 110 Overall multi-factor approach for winning this huge challenge and a great journey of getting the first Developer Job 109