Loading Project Media
(Overview)
SolarExplorerrendersananimated,interactivemodelofthesolarsystemusingnothingbutCSSandvanillaJavaScript—noWebGL,noframeworks.
(Architecture)
PlanetarymotionisdrivenbyCSSanimationsandJS-driventransforms,withlayeredDOMelementsstandinginforarenderingengine.Interactionhandlersletusersexploreplanetsandtheirorbits.
(Engineering)
Orbits,rotationspeeds,andcelestialstylingareallhand-tunedinCSS.Theprojectdemonstrateshowfartheplatformcanbepushedwithoutcanvasorgraphicslibraries.
- 01
BuilttheentiresolarsystemsimulationinvanillaCSS/JS.
- 02
Tunedorbitalanimationsandinteractiveplanetexploration.
Built with
CSSJavaScript
Explore this project
Inspect the live deployment or browse the repository code.
Haveaprojectinmind?
[email protected]