Skip to content

Examples

Run examples with Love2D:

love examples/accessibility
love examples/animations
love examples/audio-cues
love examples/basic
love examples/dashboard
love examples/hud-menu
love examples/hud-primitives
love examples/i18n
love examples/inventory
love examples/juice
love examples/menori
love examples/modal
love examples/navigate
love examples/path-feedback
love examples/scene
love examples/themes
love examples/typography
love examples/viewport
love examples/performance

Generate documentation GIFs from the dedicated capture scenes:

make docs-gifs
make docs-gifs FEATURE=animations

The command requires Love2D and FFmpeg. Set LOVE_BIN or FFMPEG_BIN when the executables are not on PATH; on macOS the script also checks /Applications/love.app/Contents/MacOS/love.

Accessibility

Love2D-friendly semantics demo with keyboard/gamepad focus traversal, localized labels, live region events, hidden decoration, semantic snapshots, and a fake TTS/log adapter.

Animations

Flux-backed animation lab for declarative show/hide, animated meters, custom-drawn movement, selection feedback, and size tweens.

Audio Cues

Theme and variant driven interaction cue events with app-owned Love2D tone playback, per-node overrides, and silent controls.

Basic

Starter app with state, responsive grid layout, buttons, controlled input, tabs, scrollable activity, meters, custom draw, and keyboard/gamepad navigation.

Dashboard

A dense shadcn-inspired dashboard translated into Glyph primitives. Useful for panels, metric cards, chart drawing, filters, tabs-style controls, and scrollable tables.

HUD Menu

Custom-drawn game UI with animated command buttons. This example demonstrates what belongs in app/example code rather than Glyph core.

HUD Primitives

Native meters, filled sweep gauges with centered overlays, d-pad/card navigation, ui.image portraits, shape descriptors, visual clipping, stencil masks, and dynamic backgrounds for game HUDs without adding game-specific core widgets.

I18n

Responsive game-console localization demo with locale switching, keyed command/status UI, meters, tabs, fallback text, cached parameter translations, and ui.i18n.version() in memo deps.

Inventory

Medieval/MMO inventory demo using ui.grid, ui.grid.pointToCell, ui.portal, ui.spriteSheet, ui.drag, onLayout bounds, Feel-backed ui.feedback, keyboard/gamepad navigation with pick/place carry mode, the potions.png spritesheet, app-owned drag/drop state, scrollable uniform slots, paged uniform slots, and a variable-size case grid with rejected invalid placements.

Juice

Pattern-repeat mini game built from normal Glyph buttons, with press/release/activate feedback, click-position particles, ripples, screen shake, generated audio tones, keyboard and d-pad navigation, progress meters, and a scoped pause menu.

Menori

Optional Menori adapter demo with a vendored example-local Menori snapshot, distinct procedural Menori scenes, screen-space Glyph HUD, Menori-aware crossfade transitions, interactive world-space Glyph billboards, and a loading overlay that builds a dense "Signal Swarm" scene in chunks before handing off.

Arrow key and d-pad spatial navigation across a denser game-tool layout. Demonstrates ui.navigate, beam-aware movement, navGroup scoping, trapped navScope submenus, focus visibility, gamepad d-pad forwarding, and shader-backed JRPG command submenus.

Path Feedback

Feel-driven vector path demo with app-owned target values animating ui.path stroke reveal, resampled morphing, pulse rings, scan beams, particles, and node-level command feedback.

Scene-backed modals, moving background, shader transitions, stencil/blob transition implemented outside core, isolated modal hook state, and backdrop dismissal.

Scene

Scene replacement, non-blocking debug overlays, blocking pause modal, modal-driven pause behavior, and scene-local motion.

Styles

Theme switching, variants, state styles, transitions, custom draw, and shader-backed styling.

Themes

A full-screen game-tool HUD showing four theme presets, live radius/border/density/accent token controls, component variants, inputs, tabs, meters, and themed scrollbars.

Typography

Responsive typography lab showing theme font registries, text presets, live text scale, optional SYSL-backed rich text, localized formatted copy, and normal components using typography tokens.

Viewport

Fixed virtual-resolution rendering with backend-agnostic Push/Shove adapters, scaled pointer input, fit/filter controls, scrolling, and modal rendering.

This demo uses development copies of Push and Shove from dev/vendor; Glyph apps should install or provide their own viewport backend.

Performance

Large dataset workflow with a visible window of mounted rows, static row reuse, and live FPS/timing display. The docs preview is fixed at 18 FPS for deterministic GIF capture; the runnable example reports real Love2D FPS.

Feature Preview
Getting Started Animated GIF showing a minimal Glyph counter app rendering and updating.
Components Animated GIF showing Glyph text, image, button, input, meter, tabs, and panel components.
Layout Animated GIF showing Glyph rows, columns, responsive grids, stack layering, and absolute positioning.
Styling And Themes Animated GIF showing Glyph theme colors, variants, and state styles.
Runtime, Hooks, And Events Animated GIF showing Glyph runtime updates, input events, focus, and render callbacks.
Callback Bus Animated GIF showing Glyph callback bus priority order and event dispatch.
I18n Animated GIF showing Glyph localized text, labels, placeholders, and cache-aware values.
Accessibility Animated GIF showing Glyph semantic labels, focus events, live announcements, and snapshots.
Responsive Helpers Animated GIF showing Glyph responsive breakpoints, columns, and virtual viewport mapping.
Custom Draw And Helpers Animated GIF showing Glyph custom draw helpers, vector path reveal, morphing, clipping, and masks.
Animations Animated GIF showing Glyph enter, exit, meter, and movement animations.
Feedback Animated GIF showing Glyph feedback sequences, visual animation, audio metadata, and emitted events.
Scenes And Modals Animated GIF showing Glyph scene layers, overlays, modal blocking, and backdrop behavior.
Transitions Animated GIF showing Glyph fade, slide, shader-style, and animated layer transitions.
Spatial Navigation Animated GIF showing Glyph spatial navigation focus moving through buttons and scoped groups.
Menori Adapter Animated GIF showing Glyph Menori scene transitions, loading overlay, HUD, and world-space billboard UI.
Performance Animated GIF showing Glyph memoized rows, static nodes, visible windows, FPS, and bounded work.

Example Standards

Examples should show real UI workflows:

  • Prefer usable screens over landing pages.
  • Use Glyph primitives honestly.
  • Keep game-specific visuals in examples, not core.
  • Make interaction states visible.
  • Keep examples runnable with love examples/name.