// the find
juliangarnier/3D-CSS-Solar-System
Solar System data visualisation done in HTML/CSS and a bit of Javascript.
A CSS-heavy 3D solar system animation from 2014 that uses CSS transforms and transitions to orbit planets around a central sun. It's a demo piece, not a library — the point is showing what CSS 3D can do, not building something reusable. Mostly of historical interest now.
The CSS architecture is well-organized into purpose-named SCSS partials (lighting, transitions, views, responsive), which is cleaner than most single-file demos of this era. The technique of driving orbital mechanics purely through CSS transforms with nested elements is a legitimate teaching example for how CSS 3D stacking contexts work. It includes responsive breakpoints, which most 'just a demo' projects skip entirely.
Last touched in 2021, originally built around 2014, and depends on jQuery plus a vendor-prefix polyfill (prefixfree.js) that's been irrelevant for nearly a decade — modern browsers handle this natively. The compiled CSS is committed alongside the SCSS source, which is sloppy repo hygiene. There's no build tooling beyond CodeKit config, so you can't easily fork and modify it without either buying CodeKit or manually wiring up Sass. It's a codepen demo with a git wrapper, not a maintained project.