nowfound

Life & fun · January 12, 2022

IB

I built a gravity simulator in pure CSS

I built a gravity simulator in pure CSS launched on January 12, 2022 with 64 votes, #842 of 2,891 launches that month and more than 90% of that year's launches.

In plain words

A gravity simulator built entirely in CSS that allows users to explore gravitational physics through interactive visualization. The project demonstrates advanced CSS capabilities for creating dynamic animations and physics-based interactions without requiring JavaScript or external libraries. Designed for anyone interested in astronomy, physics education, or creative web development, it offers a hands-on way to understand orbital mechanics and gravitational forces through a browser-based interface.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • gravity.js - Beta2016 · github.com · ▲112

    Gravity WebGL experiment in the Solar System

  • GI
    Gravity – Interactive solar-system simulator, from Newton to EinsteinJun 2026 · qunabu.github.io · ▲217

    Just for fun and self education, I've built this over a weekend to teach myself why orbits exist, not just show planets going around. Something that was never clearly explain to me in school. It opens with a guided tour that builds the idea up step by step: two bodies and the equal/opposite force, inertia (the Sun is removed and Earth just drifts straight), then "an orbit is falling and continuously missing," cosmic velocities with a little rocket, Voyager 1 & 2's real gravity assists (the clock runs the actual 1977–1989 dates so the planets orbit into their grand-tour alignment and the…

  • IB
  • Gravity WebGL2016 · valentinvichnal.github.io · ▲84

    A gravity simulator, with updated movement controls

  • HO
    Harmony of the Spheres – Gravity Simulator2018 · thehappykoala.github.io · ▲69

    3D gravity and space Simulator. Explore and play around with the force of gravity in the context of an array of scenarios from our solar system and beyond. You can add planets, delete the Sun, change the value of the gravitational constant or simply lean back and enjoy the dazzling beauty of the pen

  • Black-hole.js – Visualize black hole gravitational lensing in WebGL2015 · github.com · ▲72

    Renders black hole gravitational lensing effects in an image canvas using WebGL, glfx.js, and numeric.js - cliffcrosland/black-hole.js

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, January 2022

the whole month →
  • LA

    Life & fun · 2022 · looptap.vasanthv.com

  • Fig▲956

    Autocomplete for the Terminal

    Dev tools · 2022 · fig.io

  • The world's best copy. In one place.

    Growth · 2022 · marketingexamples.com

  • History: Last year I had to replace the tire on my bike, and I was surprised how difficult it was to find a suitable new tire. There were a lot of numbers written on the casing, so I googled what they meant. In the end I was successful, but I didn't want to do the same work again for the next bike after I've forgotten the details. So I wrote this website. Technically, the web page is kept very simple, no frameworks, no templates, no website builder. It uses HTML5, CSS and JavaScript, and it privides a responsive layout for mobile usage. I'm happy to receive feedback. If you have tried the…

    Life & fun · 2022 · fahrrad-tools.de

  • The ultimate MVP cheat sheet with 60+ startup formulas

    Dev tools · 2022 · mvprecipes.com

  • hagrid▲595

    No-code user-generated FAQ, for any webpage

    Dev tools · 2022 · magicstudio.com