GPUI Web Examples

All 31 GPUI examples compiled to WebAssembly

Hello World

Basic GPUI application with a simple counter

Painting

Path rendering, gradients, and stroke styles

Gradient

Linear gradients in different color spaces

Animation

Element animations and transformations

Text

Typography and text rendering

Shadow

Box shadows and elevation effects

Opacity

Transparency and opacity blending

Input

Text input fields and form controls

Scrollable

Scrollable containers and lists

Data Table

Virtualized data table with sorting

Drag and Drop

Drag and drop interactions

Focus Visible

Focus states and keyboard navigation

GIF Viewer

Animated GIF image rendering

Grid Layout

CSS Grid-style layout system

Image

Image loading and display

Image Gallery

Gallery with remote image loading

Image Loading

Async image loading states

Window Close Quit

Handling window close events

Ownership Post

Entity ownership and events

Paths Bench

Path rendering performance test

Pattern

Pattern fills and backgrounds

Set Menus

Application menu configuration

SVG

SVG icon rendering

Tab Stop

Tab navigation order

Text Layout

Advanced text layout features

Text Wrapper

Text wrapping and overflow

Tree

Tree view component

Uniform List

Virtualized uniform-height list

Window

Window management features

Window Positioning

Multi-monitor window placement

Window Shadow

Custom window shadow effects