3D Color Space Viewer - Online Explore RGB Cube
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
UD5 Toolkit
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Set perspective and rotate children in 3D space. See the effect of perspective‑origin. Copy the CSS. Learn 3D transforms.
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
Roll virtual dice with animated 3D spins. Choose any number and type. See total and individual results. Fun for games.
Move the vanishing point of a 3D scene. Drag to set perspective‑origin and see the scene shift. Copy CSS.
Nest elements in 3D space with preserve‑3d vs flat. Rotate the parent and see children behave differently.
Turn your phone into a 3D compass using the AbsoluteOrientationSensor API. See quaternion and Euler angles in real time.
Click any element to see its Bohr model with electrons orbiting in shells. Beautiful, educational diagram.
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
Build a 3D rotating cube using pure CSS. Set dimensions, colors, and animation speed. Copy the HTML and CSS.
Select bonding and lone pairs to see the predicted shape (trigonal bipyramidal, octahedral). Static diagrams.
Drag protons, neutrons, and electrons onto a Bohr model template. See the element change. Educational tool.
Select functional groups to see an approximate IR absorption spectrum. Learn spectroscopy visually. All local.
Play Hangman where the words are element names. Learn the periodic table while having fun. High score localStorage.
Create a 3D extruded text effect using multiple text‑shadows. Adjust depth, color, and perspective. Ready‑to‑use CSS.
Interlace two images into a striped pattern for lenticular lens printing. Preview with simulated tilt. DIY fun.
Shift color channels to create a 3D anaglyph image. Grab your red‑cyan glasses! Can use different offset.
Draw a 3D box or room interior by dragging vanishing points. Great for learning perspective drawing. Export as image.
See all elements sorted alphabetically by symbol. Picture and atomic weight. Beautifully styled static list.
Spin a wheel or randomize to get a chemical element with fascinating facts and description. Great for kids.
Find safe mixing ratios for the classic elephant toothpaste demonstration. Volume adjustments for different container sizes.
Click a metal ion to see the characteristic flame color and wavelength. Useful for analytical chemistry reference.
Classic solubility rules for ionic compounds in water. Determine if a salt is soluble or forms a precipitate. Static guide.
Drag a slider along the pH scale to see examples of solutions at that pH and the concentration of H⁺ and OH⁻ ions.
Enter a chemical formula (e.g., H2O, C6H12O6) and calculate its molar mass. Handles parentheses and hydrates. Pure frontend.
Get the full electron configuration and orbital box diagram for any element. Learn the Aufbau principle. Fast and local.
Enter an unbalanced chemical equation and get the balanced coefficients instantly. Supports parentheses and ions. All local JavaScript algebra.
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.
An interactive periodic table of elements with detailed properties, electron configuration, and images. Excellent educational resource. All static data.