https://github.com/jdnichollsc/solar-systems
Create Solar Systems easily in pure WAAPI! 🌌
https://github.com/jdnichollsc/solar-systems
animation animation-css animation-effects animations astronomy astronomy-astrophysics earth orbit orbital-simulation planetary planetary-science planets science shootingstars solar-system stars sun universe universe-building universe-generator
Last synced: 4 months ago
JSON representation
Create Solar Systems easily in pure WAAPI! 🌌
- Host: GitHub
- URL: https://github.com/jdnichollsc/solar-systems
- Owner: jdnichollsc
- License: mit
- Created: 2020-05-05T05:52:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-27T16:38:13.000Z (12 months ago)
- Last Synced: 2025-04-16T00:12:01.063Z (6 months ago)
- Topics: animation, animation-css, animation-effects, animations, astronomy, astronomy-astrophysics, earth, orbit, orbital-simulation, planetary, planetary-science, planets, science, shootingstars, solar-system, stars, sun, universe, universe-building, universe-generator
- Language: JavaScript
- Homepage: https://jdnichollsc.github.io/solar-systems
- Size: 27.3 KB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Create Solar Systems in Pure Web Animations API (WAAPI)
With this is possible to create any other solar system easily! 🚀
Example: https://codepen.io/jdnichollsc/full/yLYogYz
Remember to check the repository of the Web Component used here to animate our solar system by using [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API) with [WebComponents](https://stenciljs.com), so you can use the same logic with VanillaJS, Angular, React, Vue, etc! 📡
Enjoy the heavens together! 🔭💫
## Credits 👍
- **Pure CSS Solar System Animation:** https://picturepan2.github.io/solar.css/
- https://codepen.io/kowlor/pen/ZYYQoy
- https://codepen.io/juliangarnier/pen/idhuG
## Supporting 🍻
I believe in Unicorns 🦄
Support [me](http://www.paypal.me/jdnichollsc/2), if you do too.
Donate **Ethereum**, **ADA**, **BNB**, **SHIBA**, **USDT/USDC**, **DOGE**, etc:
> Wallet address: jdnichollsc.eth
Please let me know your contributions! 🙏
## Happy coding
Made with <3
