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.
Reviews
There are no reviews yet.