Planet Pop - Embed Realistic Sun & Planets on Any Page

About Planet Pop – Embed Realistic Sun & Planets on Any Page

Add a glowing Sun, planets, Earth with its Moon, Nebula plus a bonus animated rocket—one by one or all together in the same scene and on the same page. A simple built-in tool lets you set the size and position of each celestial object anywhere in the scene, so you can perfectly match your layout while everything stays responsive, animated, and attention-grabbing.

Main features

What is Planet Pop

Planet Pop is a Three.js and WebGL shader toolkit that lets you embed a glowing Sun, ultra-realistic planets, Earth with its Moon, nebula and even a bonus animated rocket directly into your web pages. Available as both a JavaScript component and a WordPress / WooCommerce plugin, it’s fully responsive, mobile-friendly and easy to integrate into any modern layout. Learn more & view the main page.

Main features

Responsive Layout – Fully responsive and adaptable regardless of which device or screen size is used.

Desktop & Mobile Optimized – Planet Pop will adapt to any screen size and device, whether you’re using a mobile phone (iOS, iPhone, Android), tablet, laptop or desktop browser.

Multiple Display Types – Supports two display modes: responsive (scales to a specific width and height) and afterparent (automatically scales to its parent container’s dimensions).

Two Intro Transition Types – When the scene is displayed for the first time, you can choose between a dramatic teleportation effect or a smooth opacity fade-in.

Parallax – Optional vertical parallax adds depth and a subtle 3D motion feeling while scrolling.

Scale On Scroll – Start with a zoomed-in celestial object and let it smoothly return to its normal scale as the user scrolls the page, creating a cinematic reveal.

Customizable Size – Fine-tune the size of the celestial objects and the spacing between them so they perfectly match your page layout.

Sun – Add a realistic, animated Sun at any size with configurable glow, rays and lens flares. See it in action here: Sun demo.

Planets – Add realistic solar system planets with customizable spin speed, light direction and more. Explore ready-made presets: Saturn, Jupiter, Uranus, Neptune, Mercury, Venus, Earth, Moon, Mars, Nebula.

Bonus Rocket – Include a fully animated rocket at any position and size on the page. Check the dedicated preset here: Rocket demo.

Custom Tool to Place Celestials – Use the built-in visual tool to scale and position each celestial object precisely where you want it in the scene, without touching the code.

Detailed Documentation – Planet Pop comes with detailed documentation for both the JavaScript and WordPress / WooCommerce versions, including setup, usage, presets, galleries, shortcode usage and API methods. A full WordPress guide is available at WordPress & WooCommerce documentation.