πŸš€ Beamterm Examples

High-performance WebGL2 terminal renderer

Sub-millisecond render times through GPU-accelerated instanced rendering

<1ms Render Time
1 Draw Call
45k+ Cells

Pure Rust/WASM Examples

Performance Note: These pure Rust examples demonstrate beamterm's optimal performance characteristics. Rust+WASM provides predictable performance with direct memory management and no garbage collection overhead, while the JS/TS examples below show the convenience of web development APIs with some additional runtime overhead.

Ratzilla Canvas Waves External Demo
Pure Rust WASM No JavaScript
Full terminal application showcasing beamterm's performance with colorful animations. Running at 60 FPS with sub-millisecond render times.
  • 100% Rust implementation
  • Sub-ms render performance
TachyonFX FTL External Demo
Pure Rust WASM Live Editor
Interactive editor and previewer for TachyonFX effects. Create, visualize, and iterate on terminal UI effects in real-time using TachyonFX's rust-looking DSL.
  • Live effect preview using Ratzilla's WebGl2Backend (beamterm)
  • Shareable effects via URL
  • Split-pane code editor/terminal interface

JS/TS Examples

Batch API Demo Live Demo
Interactive Two Screens All Methods
Focused, interactive demonstration of all 6 Batch API methods. Navigate between two screens using the SPACE key to learn basic and advanced features step by step.
  • All batch methods demonstrated
  • Interactive SPACE key navigation
  • Performance guidance included
  • Perfect for API learning
Webpack Example Live Demo
Webpack 5 JavaScript ES6
Classic bundler setup demonstrating beamterm integration with Webpack 5. Features dynamic text rendering, color palettes, and smooth animation loops.
  • Traditional webpack configuration
  • Dynamic terminal content
  • Color palette showcase
  • Real-time FPS counter
Vite + TypeScript Live Demo
Vite TypeScript ES Modules
Modern development setup with full TypeScript support, HMR, and component-based architecture. Showcases advanced batch operations and type safety.
  • Full TypeScript integration
  • Hot module replacement
  • Component architecture
  • Batch API demonstration