Getting started

Introduction

flemo is a screen router for React that gives web apps a native-style stack: push a screen, pop it, or drag from the edge to go back.

1 min read

Places

Saved for later

Idlecupertino

Duration700ms

LiveTap a row to push the detail screen, then drag from the left edge to go back.

Routing and screen transitions are one system. A push adds a real history entry and animates the new screen in. A pop shows the previous screen again.

Five core pieces

Piece	Job
	Manages the screen stack, its history, and its transitions
	Maps a path to one screen
	One screen: its content, top and bottom bars, and safe areas
	Pushes, replaces, or pops screens
	Keeps the header and other fixed UI still while only its region moves

What you get by default

cupertino (default), material, layout, and instant none transitions
Swipe-back and drag-to-dismiss tied to real history
Shared top and bottom bars that stay in place across screens
Type-safe paths, params, transition names, and Router targets
Custom screen, , decorator, and motion

Where it fits

flemo is a screen router that manages client-side history itself. It fits SPAs, hybrid WebViews, and self-contained app regions, not a host framework that routes the same URLs.

Next steps

: your first push and pop
: presets, custom motion, gestures
, , , : richer motion

Edit on GitHub

Introduction

#Five core pieces

#What you get by default

#Where it fits

#Next steps

Five core pieces

What you get by default

Where it fits

Next steps