A clickable 3D sphere of words that links to your pages. Beautiful on desktop, smooth on mobile. No dependencies, no frameworks.
Not a toy. A production-ready component.
One HTML file, one JSON file. Upload, embed with an iframe, done. No build tools, no npm, no configuration files.
Add, edit, or remove words through a clean admin panel. No code changes needed. Password-protected and backed up automatically.
Swipe to rotate, tap to navigate. Quaternion-based rotation that always follows your finger correctly. Page scrolling still works.
Three.js for rendering, nothing else. No jQuery, no React, no bloat. The sphere loads fast and runs at 60fps.
Mouse position steers the sphere. Words near your cursor rotate toward you. Click and hold to boost speed. Time-based acceleration builds naturally.
WordPress, Squarespace, Webflow, static sites, Elementor. If it supports an iframe or custom HTML, WordSphere works.
Place the four files in the same directory on your server: the sphere HTML, the JSON data file, the PHP save script, and the admin page.
Add an iframe to your page: <iframe src="word-sphere.html">. Works in any HTML widget, page builder, or template.
Open the admin page, enter your password, and add your words with their links. Hit save. The sphere updates instantly.
Change the color palette, sphere size, rotation speed, or container height directly in the HTML. Everything is clearly commented.
One payment, yours forever. No subscriptions, no per-site fees.