Multi‑User Whiteboard (Local) - Online Shared Drawing
Open the same page in two tabs and draw together in real time using BroadcastChannel API. Share ideas without a server.
UD5 Toolkit
Open the same page in two tabs and draw together in real time using BroadcastChannel API. Share ideas without a server.
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Draw pixel art with a grid, color palette, and eraser. Export as PNG. Perfect for game developers and hobbyists.
Set perspective and rotate children in 3D space. See the effect of perspective‑origin. Copy the CSS. Learn 3D transforms.
A full‑screen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
Rotate and view the 3D shapes of s, p, d, and f orbitals. Great for teaching quantum mechanics. WebGL‑based.
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.
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.
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.
Turn your photo into a black‑and‑white charcoal or chalk drawing. Adjust texture and contrast. Artistic.
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.
Create simple ASCII diagrams (arrows, boxes, trees) using a visual editor. Copy the plain text art. For comments and docs.
A beautiful full‑screen drawing canvas with variable brush sizes, colors, and an eraser. Export your sketch as PNG. All data stays local.
Try to draw a perfect circle freehand. Score based on roundness. Fun and addictive. No data sent.
Overlay a grid on any image to help you draw it freehand. Adjust grid size and line thickness. Useful for artists.
Click for a random drawing or sketching idea. Characters, objects, scenes. Beat artist's block. All local.
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.
Create beautiful Spirograph patterns by adjusting circle radii and pen position. Change colors and save as PNG. Relaxing math art.
Create 1-point, 2-point, or 3-point perspective grids. Adjust vanishing points and grid spacing. Useful for artists and architects.
Draw perfect ellipses by dragging focal points and a point on the curve. See the equation update dynamically. Educational.
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.