Flux, every screen and every part

Every frame below is a static reproduction built from Flux's own source: its real tokens, its real Lucide icons, its real strings copied out of the components rather than out of the docs. There is no live app behind this page, no login and no network. Where the code and the documentation disagreed the code won, and each disagreement is listed in the build notes that ship with this site. Components that are placeholders, dead code, or that carry a reproduced bug say so on the card rather than blending in with the ones that work.

A surface is a whole place you can be in Flux. Each frame below is rendered at exactly the size a laptop shows it, which means where a page runs past the fold here, it runs past the fold in the product too. Eleven of these are in the main navigation, eight more sit behind a Preview group the app itself marks as unfinished, and the honesty banners you see on some frames are the product's own.

No surface matches that filter.

Every component under src/components/, grouped by the job it does rather than the folder it sits in, and shown in each state it can actually be in: loading, empty, error, locked, conflicted, drifted. That last part is the point of the exercise. Forcing every component into every state is a thorough test, and it found real bugs, which are labelled on the cards rather than quietly fixed.

No category matches that filter.

Flux has a sibling. Tabatha watches attention and focus; Flux interprets the whole life system. Tabatha knows which tab you are on and how long you have really been on it. Flux knows what you meant to be doing and why it mattered. Each works perfectly well alone, and neither is allowed to grow into the other. Tabatha has a gallery like this one, built the same way and looking deliberately nothing like it.