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.

23Projects
434.4KStars in total
+29Stars in a day

Hot right now

Most stars gained in a day · Oct 17

The all-time top

23 projects · by stars

  1. #1 · nwjs/nw.js

    nw.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.

    41.1K
  2. #2 · Dogfalo/materialize

    materialize

    Materialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.

    38.8K
  3. #3 · impress/impress.js

    impress.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.

    38.2K
  1. 4

    css-protips

    30.3KAllThingsSmitty/css-protips

    A 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.

  2. 5

    Hover

    29.4KIanLunn/Hover · SCSS

    Hover.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.

  3. 6

    Web

    28.7Kqianguyihao/Web

    This 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.

  4. 7

    react-motion

    21.9Kchenglou/react-motion · JavaScript

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

  5. 8

    iCSS

    20.6Kchokcoco/iCSS · JavaScript

    iCSS ('不止于 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.

  6. 9

    skrollr

    18.4KPrinzhorn/skrollr · HTML

    A 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.

  7. 10

    spellbook-of-modern-webdev

    17.9Kdexteryy/spellbook-of-modern-webdev

    A curated, deeply organized reference document covering the entire landscape of modern JavaScript web development: platforms, APIs, libraries, tools, services, and best practices.

  8. 11

    html-css

    16.6Kgustavoguanabara/html-css · HTML

    A free public course on basic HTML5 and CSS3 for complete beginners, published by Prof. Gustavo Guanabara as a GitHub repository.

  9. 12

    guiadevbrasil

    15.8Karthurspk/guiadevbrasil

    GuiaDevBrasil 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.

  10. 13

    sass

    15.4Ksass/sass · TypeScript

    Sass 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.

  11. 14

    weui-wxss

    15.3KTencent/weui-wxss · Less

    WeUI 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.

  12. 15

    simplefolio

    14.2Kcobiwave/simplefolio · SCSS

    Simplefolio 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.

  13. 16

    galaxy

    13.6Kuiverse-io/galaxy · HTML

    Galaxy 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.

  14. 17

    flexbugs

    13.5Kphilipwalton/flexbugs

    A 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.

  15. 18

    card

    11.7Kjessepollak/card · SCSS

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

  16. 19

    Effeckt.css

    10.8Kh5bp/Effeckt.css · CSS

    Effeckt.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.

  17. 20

    vanilla-extract

    10.4Kvanilla-extract-css/vanilla-extract · TypeScript

    vanilla-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.

  18. 21

    nodeppt

    10.3Kksky521/nodeppt · JavaScript

    nodeppt 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.

  19. 22

    microlighter

    1.1Kdavatron5000/microlighter · JavaScript

    MicroLighter 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.

  20. 23

    -.

    303bofanchen99-netizen/-. · JavaScript

    It'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.

Often tagged together