Examples
Learn by opening a working idea.
Each example starts with a focused use case and points to the Fyr concepts that make it work.
01
Counter
Reactive state, methods, text bindings, and an intentional small UI.
Reactive stateComputed labelsEvent handlers
Explore →
02
Todo workspace
List rendering, form binding, filtering, and immutable updates.
fyr-forfyr-modelList updates
Explore →
03
Forms
Two-way binding, validation messages, and submit handling.
Two-way bindingValidationAccessibility
Explore →
04
HTTP dashboard
Fetch data from an API and represent loading, success, and error states.
Fyr.httpLoading stateError handling
Explore →
05
Browser Python
Run small Python programs in the browser through PyodideLoader.
Lazy runtimePython codePackage loading
Explore →
06
Rust + WASM
Load a WebAssembly binary and call its exported functions.
WasmLoaderNative exportsPerformance work
Explore →
07
Mini classroom
A Flask-backed classroom interface with announcements, assignments, and grading flows.
Flask APIFyr stateResponsive dashboard
Explore →