Topics / #css3
Css3 projects on GitHub
Modern CSS techniques, tips and styling resources.
As of , the most-starred Css3 projects on GitHub are nw.js (41.1K stars), materialize (38.8K stars) and impress.js (38.2K stars). GitHub.Locker tracks 23 Css3 repositories with 434.4K stars combined. The fastest-growing on October 17 was galaxy, with +15 stars in a day.
Hot right now
Most stars gained in a day · Oct 17
+15galaxy
uiverse-io/galaxy · ★ 13.6KGalaxy is an open-source archive of over 3000 unique UI elements (buttons, cards, loaders, checkboxes, etc.) built with CSS or Tailwind, automatically mirrored from the community-driven Uiverse.io platform.
+3spellbook-of-modern-webdev
dexteryy/spellbook-of-modern-webdev · ★ 17.9KA curated, deeply organized reference document covering the entire landscape of modern JavaScript web development: platforms, APIs, libraries, tools, services, and best practices.
+2css-protips
AllThingsSmitty/css-protips · ★ 30.3KA curated collection of CSS tips and tricks to help developers level up their CSS skills, covering things like resets, flexbox, selectors, and accessibility-aware patterns.
+2guiadevbrasil
arthurspk/guiadevbrasil · ★ 15.8KGuiaDevBrasil is a large Portuguese-language guide that aggregates resources across many tech areas to help people learn, build knowledge, and clear up doubts for any technology-related career.
The all-time top
23 projects · by stars
- 41.1K
#1 · nwjs/nw.jsnw.js
NW.js is an app runtime based on Chromium and Node.js that lets you write native desktop apps using HTML, CSS and JavaScript, calling Node.js modules directly from the DOM.
- 38.8K
#2 · Dogfalo/materializematerialize
Materialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.
- 38.2K
#3 · impress/impress.jsimpress.js
impress.js is a presentation framework that uses CSS3 3D transforms and transitions in modern browsers to create slide decks, inspired by prezi.com.
- 4

css-protips
30.3KAllThingsSmitty/css-protipsA curated collection of CSS tips and tricks to help developers level up their CSS skills, covering things like resets, flexbox, selectors, and accessibility-aware patterns.
- 5

Hover
29.4KIanLunn/Hover · SCSSHover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.
- 6

Web
28.7Kqianguyihao/WebThis is a free, comprehensive Chinese-language guide (knowledge base) for learning front-end web development, covering everything from absolute basics to advanced topics like HTML, CSS, and JavaScript.
- 7

react-motion
21.9Kchenglou/react-motion · JavaScriptreact-motion is a React animation library that uses spring physics instead of hard-coded durations and easing curves to animate components.
- 8

iCSS
20.6Kchokcoco/iCSS · JavaScriptiCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.
- 9

skrollr
18.4KPrinzhorn/skrollr · HTMLA stand-alone JavaScript library for parallax scrolling effects, about 12k minified, working on desktop and mobile (Android, iOS) browsers — really a full-fledged scrolling-animation library, with parallax just one use case.
- 10

spellbook-of-modern-webdev
17.9Kdexteryy/spellbook-of-modern-webdevA curated, deeply organized reference document covering the entire landscape of modern JavaScript web development: platforms, APIs, libraries, tools, services, and best practices.
- 11

html-css
16.6Kgustavoguanabara/html-css · HTMLA free public course on basic HTML5 and CSS3 for complete beginners, published by Prof. Gustavo Guanabara as a GitHub repository.
- 12

guiadevbrasil
15.8Karthurspk/guiadevbrasilGuiaDevBrasil is a large Portuguese-language guide that aggregates resources across many tech areas to help people learn, build knowledge, and clear up doubts for any technology-related career.
- 13
sass
15.4Ksass/sass · TypeScriptSass is a CSS extension language that adds nested rules, variables, mixins, and selector inheritance, compiling down to standard CSS. This particular repo, however, holds the language's specifications and proposals rather than an implementation.
- 14

weui-wxss
15.3KTencent/weui-wxss · LessWeUI for Mini Programs is a basic WXSS/CSS style library that matches WeChat's native visual look, designed by WeChat's own design team for WeChat web pages and Mini Programs.
- 15

simplefolio
14.2Kcobiwave/simplefolio · SCSSSimplefolio is a minimal one-page portfolio template for developers: clone it, swap in your own content, and get a personal site with modern UI, reveal animations and a fully responsive layout.
- 16

galaxy
13.6Kuiverse-io/galaxy · HTMLGalaxy is an open-source archive of over 3000 unique UI elements (buttons, cards, loaders, checkboxes, etc.) built with CSS or Tailwind, automatically mirrored from the community-driven Uiverse.io platform.
- 17

flexbugs
13.5Kphilipwalton/flexbugsA community-curated list of flexbox bugs and cross-browser workarounds: if a flex layout misbehaves in some browser, you look up the numbered bug and apply the fix.
- 18

card
11.7Kjessepollak/card · SCSSCard is a JavaScript/CSS library that turns a plain credit card form into an animated, realistic-looking credit card UI, without requiring any images.
- 19

Effeckt.css
10.8Kh5bp/Effeckt.css · CSSEffeckt.css is a performant transitions and animations library for the web, built on CSS transitions and keyframe animations chosen to hold 60fps on mobile devices.
- 20

vanilla-extract
10.4Kvanilla-extract-css/vanilla-extract · TypeScriptvanilla-extract lets you write CSS styles in TypeScript (or JavaScript) with locally scoped class names and CSS variables, then compiles everything into static CSS files at build time with zero runtime cost.
- 21

nodeppt
10.3Kksky521/nodeppt · JavaScriptnodeppt is a tool that turns Markdown files into web-based slide decks: you write slides in a .md file and present the result in a browser. Version 2.0 was rebuilt on WebSlides, markdown-it, posthtml and webpack.
- 22

microlighter
1.1Kdavatron5000/microlighter · JavaScriptMicroLighter is a tiny, dependency-free syntax highlighter for the web. It colors code using the CSS Custom Highlight API and TextMate grammars, with no runtime dependencies and about 2 KiB compressed.
- 23

-.
303bofanchen99-netizen/-. · JavaScriptIt's a prototype of a 2D top-down loot-and-extract style browser game built to teach English vocabulary to Chinese learners: players raid maps, fight enemies, and grab Word Cards instead of just loot.
Related topics
Often tagged together