Examples
Every example below is a real, typechecked Pyreon component mounted live on this page — no sandbox, no install. 67 examples across 32 topics. (Generated from docs/src/examples/ by docs/scripts/gen-examples-gallery.ts.)
Coolgrid
12 Column Responsive Grid
Core
Component Body Runs Once Only Thunks Re Run
Core Error Boundary
Core For List
Core Show Toggle
Core Switch Match
H Reactive Children Reactive Class
Drag & Drop
Drag To Reorder Usesortable Distilled
Document
Elements
Three Slot Layout Before Content After
Feature
Definefeature Crud From A Schema
Flow
Flow Playground
Node Graph Drag Select Connect
Disabled Read Only Fields
Dot Path Leaf Fields
Field Validation Error Gating On Blur
Hooks
Useclickoutside Dismiss Panel
Usecounter Clamped
Usefocus Ring Tiles
Usehover Color Tiles
Useprevious Lag Swatches
Usetoggle Disclosure Pattern
Hotkeys
Hotkeys Key Tiles
Hotkeys Keypress Recorder
Hotkeys Move Dot
i18n
I18n Switch Locale Translate
Kinetic
Machine
State Machine Only Valid Transitions Fire
Toggle On Off
Traffic Light Cycle
Permissions
Permissions Reactive Can
Rbac Role Tiles
Wildcard Grant Tiles
Query
Usequery Fetch Cache By Key
Reactivity
Computed Derived Values
Effects Side Effects On Signal Change
Signals Read Write React
Router
Router Signal Backed Path Matching
Runtime DOM
Mount Reactive Children
Runtime Keepalive Vs Show
Rx
Rx Aggregation Sum Avg Max
Rx Composable Reactive Pipeline
Rx Map Derived Bars
Rx Pipe Filter Bars
State Tree
St Model Progress Tiles
St Model Views Bars
State Tree History Undo
Storage
Reactive Storage
Store
Counter Store Signals Derived
Global Shared Store
Store Color Channels
Todo Store List Derived Count
Styler
Dynamic Styling
Sync
Synced List Crdt
Table
Sortable Table
Toast
Toast Notifications
Tutorial
Todo 1 List
Todo 2 Add
Todo 3 Toggle
Todo 4 Counts
Todo 5 Filter
Todo App
UI Core
Theme Mode Provider
Unistyle
Live Breakpoint Detection
URL State
Url Synced State
Validation
Field Validation
Virtual
