Welcome to the future
About Pop Solar System - realistic solar system simulation
Dive into Pop Solar System—a fully interactive, scientifically accurate 3D simulation featuring real planetary orbits, axial tilts, moons, rings, and the asteroid belt. Powered by advanced Three.js and WebGL shaders, it offers dynamic controls, responsive design, and deep customization. Explore every celestial body in real time, from the blazing Sun to distant icy moons, all with immersive visuals and seamless integration for any website or device.
Experience celestials like never before
Amazing Features
Harness the limitless Power of Three.js and WebGL Shaders for a visual experience beyond imagination!
Responsive Layout
Fully responsive and adaptable regardless of which device is used.
Fully Customizable
We have developed it so that each minor detail can be customized as you wish.
Powered by Three.js
Experience 3D visuals using Three.js and WebGL Shaders.
Solar System
Embed realistic solar system in your page.
Powerful features
Other Features
Responsive Layout
Fully responsive and adaptable regardless of which device is used.
Desktop & Mobile Optimized
Pop Solar System - realistic solar system simulation will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.
Multiple Display Types
Pop Solar System supports two display modes: responsive (scales to a set width and height) and afterparent (scales to its parent’s dimensions)..
Intro Teleport Transition
When the scene is displayed first time a teleport post=processing transition is used.
Paralax
Optional vertical paralax.
Optional Celestials
Show or hide any celestial—Sun, planets, moons, or asteroid belt—to create a tailored solar system. Build focused views, such as just the Sun and Earth, or any combination you need.
Controller
Customize your controller with optional buttons for navigation, zoom, simulation speed, sharing, printing, and fullscreen—each feature can be shown or hidden to fit your workflow.
Table of contents
The Table of Content sidebar lists all celestial bodies for easy navigation and selection—fully customizable and optional for your layout.
Info window
The Info Window displays detailed information about any selected celestial—fully customizable and optional for your interface.
Realistic Simlation
The simulation uses accurate math, so you can configure the solar system to match real astronomical proportions. This demo is more artistic for easier navigation, since true planetary distances are vast and hard to explore interactively. For a realistic setup, simply update each celestial’s values—radius, semi-major axis, eccentricity, semi-minor axis, orbit time, inclination, and more. For example, Earth’s parameters can be set to match reality.
Realistic Geometry
Each celestial body can have its own radius, orbit size, shape, speed, and tilt—these features are set individually for every planet or moon in the simulation.
Detailed Documentation
Detialed Documentation for both WordPress and JavaScript versions, JavaScript Documentation, WordPress Documentation
Better to see what people are actually saying
Our Happy Clients Say
“The team support is outstanding. They fixed a problem for me in a very short time. Excellent support, excellent product.”
Principiate - Client from ENVATO
“Wow. I was really surprised how good and simple this plugin performs. Exeeded all my expectations. Well done!”
Saniaja - Client from ENVATO
“Really great plugin and easy to use! I had a question and I immediately got an answer. The plugin and author deserves more than 5 stars!!!.”
Nicnac1234 - Client from ENVATO
Pop Solar System is a customizable Three.js and WebGL shader toolkit that lets you embed a realisic solar system simulation in yourpage. Available as a JavaScript component and WordPress / WooCommerce plugin, it’s fully responsive, mobile-friendly and easy to integrate into any modern website.