UD5 Toolkit
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.
Tag: Online 3D Model Viewer
20+ toolsMulti Dice Roller - Online 3D Animated Dice
Roll virtual dice with animated 3D spins. Choose any number and type. See total and individual results. Fun for games.
CSS 3D Perspective Playground - Online Scene Builder
Set perspective and rotate children in 3D space. See the effect of perspective‑origin. Copy the CSS. Learn 3D transforms.
backface‑visibility Demo - Online 3D Card Flip
Build a 3D card flip effect and toggle backface‑visibility. See the hidden back face. Copy the complete CSS.
Gyroscope Visualizer - Online Angular Velocity Cube
Rotate a 3D cube on your phone using the Gyroscope API. See angular velocity around each axis. Amazing sensor demo.
3D Electron Orbital Viewer - Online Chemistry Visual
Rotate and view the 3D shapes of s, p, d, and f orbitals. Great for teaching quantum mechanics. WebGL‑based.
perspective‑origin Playground - Online Vanishing Point
Move the vanishing point of a 3D scene. Drag to set perspective‑origin and see the scene shift. Copy CSS.
Absolute Orientation Sensor Demo - Online 3D Compass
Turn your phone into a 3D compass using the AbsoluteOrientationSensor API. See quaternion and Euler angles in real time.
3D CSS Text Shadow Generator - Online Multi‑Layer Effect
Build a multi‑layer text‑shadow to simulate 3D extruded text. Control depth, color, and direction. Copy long shadow CSS.
WebGPU Bunny Demo - Online Simple 3D Renderer
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
transform‑style: preserve‑3d Tester - Online 3D Nesting
Nest elements in 3D space with preserve‑3d vs flat. Rotate the parent and see children behave differently.
3D Cube CSS Generator - Online Rotating Box
Build a 3D rotating cube using pure CSS. Set dimensions, colors, and animation speed. Copy the HTML and CSS.
Image to 3D Anaglyph - Online Red‑Cyan Effect Maker
Shift color channels to create a 3D anaglyph image. Grab your red‑cyan glasses! Can use different offset.
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.
Image Emboss Effect - Online Raised 3D Look
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
3D Text CSS Effect - Online Extruded Type Generator
Create a 3D extruded text effect using multiple text‑shadows. Adjust depth, color, and perspective. Ready‑to‑use CSS.
3D RGB Color Cube - Online Interactive Space
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
3D Perspective Box Drawer - Online Isometric Cube Tool
Draw a 3D box or room interior by dragging vanishing points. Great for learning perspective drawing. Export as image.
Lenticular Print Generator - Online Interlace Two Photos
Interlace two images into a striped pattern for lenticular lens printing. Preview with simulated tilt. DIY fun.
Periodic Table Explorer - Online Element Facts & 3D Model
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.