Demo Catalog
Video Recording Example
Video Recorder
Record and download video via webcam.
Heisenberg Uncertainty Principle Demo
Heisenberg Uncertainty Principle
The product of the uncertainties in position (Δx) and momentum (Δp) is greater than or equal to the Planck constant (h) divided by 4π:
Δx × Δp ≥ h/4π
As you adjust the position and momentum values, you can see how the uncertainty changes. The minimum uncertainty is achieved when the product of the position and momentum uncertainties is equal to the Planck constant divided by 4π.
Uncertainty Visualizer
Interactive uncertainty visualization tool.
Quote Trimmer
Automatically trim and format multiline quotes.
Paper Shader Effect
Shader demo simulating paper-like textures.
My Page
This is the content that will be captured as a screenshot.
Screenshot Capture
Capture and download screen snapshots.
Notion Clone
Notion Clone
Simplified Notion-like workspace in React.
My React Flow App
Node Flow Demo
Graph-based workflow visualization tool.
Welcome to the Tunnel
This is a square box inside the tunnel.
2D Generative Graphics
Generate 2D graphics with generative algorithms.
Conway's Game of Life
Generation: 0
Conway’s Game of Life
Classic cellular automaton simulation.
Higgs Boson Playground
Higgs Visualization
Particle visualization inspired by the Higgs boson.
3D Mario Character Controller
Control a 3D Mario character in the browser.
ASCII Art Renderer
Convert 3D models into ASCII art.
3D Video Asset
Texture video content onto 3D objects.
HTML Asset Renderer
Render HTML pages as textures.
3D Model Viewer
Interactive 3D model viewer with controls.
Demy Algorithm Demo
Canvas-based algorithm visualization.
Outline Shader Demo
Demonstrate outline shader effects.
Playground Demo
Interactive Three.js playground environment.
Next + React Three Fiber
Next 3D Starter
A minimalist starter for React, React-three-fiber and Threejs.
Blob Animation
Organic blob shape animation with shaders.