Keyboard Layout Tester - Online Visual Key Press Viewer
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
UD5 Toolkit
Convert simple 3D shapes into printable 2D nets. Rotate the 3D preview, customize dimensions, and download your unfold pattern for papercraft projects.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
Create printable nets for a cube, tetrahedron, or cone with custom labels or colors. Cut and fold.
Upload a cover image and see it wrapped on a 3D book with reflection. Download preview. Local.
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
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.
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.
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 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.
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.