Houdini Paint Perspective Cube - Online CSS Art
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
UD5 Toolkit
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
Roll virtual dice with animated 3D spins. Choose any number and type. See total and individual results. Fun for games.
Set perspective and rotate children in 3D space. See the effect of perspective‑origin. Copy the CSS. Learn 3D transforms.
Build a 3D card flip effect and toggle backface‑visibility. See the hidden back face. Copy the complete CSS.
Rotate a 3D cube on your phone using the Gyroscope API. See angular velocity around each axis. Amazing sensor demo.
Rotate and view the 3D shapes of s, p, d, and f orbitals. Great for teaching quantum mechanics. WebGL‑based.
Move the vanishing point of a 3D scene. Drag to set perspective‑origin and see the scene shift. Copy CSS.
Turn your phone into a 3D compass using the AbsoluteOrientationSensor API. See quaternion and Euler angles in real time.
Build a multi‑layer text‑shadow to simulate 3D extruded text. Control depth, color, and direction. Copy long shadow CSS.
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
Nest elements in 3D space with preserve‑3d vs flat. Rotate the parent and see children behave differently.
Build a 3D rotating cube using pure CSS. Set dimensions, colors, and animation speed. Copy the HTML and CSS.
Shift color channels to create a 3D anaglyph image. Grab your red‑cyan glasses! Can use different offset.
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
Create a 3D extruded text effect using multiple text‑shadows. Adjust depth, color, and perspective. Ready‑to‑use CSS.
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
Draw a 3D box or room interior by dragging vanishing points. Great for learning perspective drawing. Export as image.
Interlace two images into a striped pattern for lenticular lens printing. Preview with simulated tilt. DIY fun.
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.