Skip to main content
Foldkit

Examples

Each example is available as a starter template via Create Foldkit App. Pick one that matches what you're building, or start with Counter and work your way up. See Getting Started to get up and running.

Counter

The classic counter example. Increment, decrement, and reset a number.

Beginner
State

Todo

A todo list with local storage persistence. Add, complete, and delete tasks.

Beginner
Storage

Stopwatch

A stopwatch with start, stop, and reset. Demonstrates time-based subscriptions.

Beginner
Subscriptions

Form

Form handling with field validation, error states, and async submission.

Intermediate
Validation

Weather

Look up weather by zip code. Demonstrates HTTP requests and loading states.

Intermediate
HTTP

Routing

Client-side routing with URL parameters, nested routes, and navigation.

Intermediate
Routing

Query Sync

Filterable dinosaur table where every control syncs to URL query parameters. Schema transforms enforce valid states — invalid params gracefully fall back.

Intermediate
Routing
Query Params

Auth

Authentication flow with Model-as-Union pattern, protected routes, and session management.

Advanced
Auth
Routing

Shopping Cart

E-commerce app with product listing, cart management, and checkout flow.

Advanced
Routing

Snake

The classic snake game. Keyboard input, game loop, and collision detection.

Advanced
Game

Error View

Custom error fallback UI. Demonstrates errorView with a crash button and reload.

Beginner
Fallback UI

WebSocket Chat

Managed resources with WebSocket integration. Connection lifecycle, reconnection, and message streaming.

Advanced
Managed Resources
WebSocket

Typing Terminal

A production real-time multiplayer typing speed game. Full stack Effect app with RPC backend and Foldkit frontend.

Advanced
Full Stack
RPC
Production
Live →