Examples
Every example below is a real, typechecked Pyreon component mounted live on this page — no sandbox, no install. 116 examples across 44 topics. (Generated from docs/src/examples/ by docs/scripts/gen-examples-gallery.ts.)
Shared state and effects
Bridge Counter Readout
Effects Log
A11y
Attrs
Auth
Attempt Limiter
Oidc Sign In
Pkce Explorer
Return To Guard
Signed Session
Totp Live
Charts
Gallery 100k
Gallery Bars
Gallery Boxplot
Gallery Calendar
Gallery Candlestick
Gallery Chord
Gallery Direct Labels
Gallery Donut
Gallery Funnel
Gallery Gantt
Gallery Gauge
Gallery Graph
Gallery Heatmap
Gallery Horizontal
Gallery Parallel
Gallery Polar
Gallery Radar
Gallery River
Gallery Sankey
Gallery Single Axis
Gallery Sliding Window
Gallery Stream
Gallery Sunburst
Gallery Time Axis
Gallery Tree
Gallery Treemap
Gallery Trend
Plot Grammar
Plot Marks
Plot Marks Intervals
Plot Theme
Code
Reactive Code Editor
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
Head
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
Http
Mocked Crud Endpoints
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
Primitives
Todo App
Query
Usequery Fetch Cache By Key
Reactivity
Computed Derived Values
Effects Side Effects On Signal Change
Signals Read Write React
Rich Text
Rocketstyle
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
Validate
Validation
Field Validation
Virtual
