Examples

The interactive website groups working examples by feature. Run php -S localhost:8080 from the repository root and visit http://localhost:8080/, or serve examples/ directly as the web root.

The homepage starts with a pointer-facing clock, a session-backed to-do list, a radial gauge, a five-step vertical range, shopping order and autocomplete search. Each demonstration includes a source disclosure.

Explore by feature

• ?page=forms: to-do and shopping lists, moves between columns, independent counters, autosave and search.
• ?page=navigation: link navigation, outer/inner/attribute updates, request rates and scroll restoration.
• ?page=search: normal GET search results, also used for autocomplete previews.
• ?page=time: local time, localised calendar values, progress indicators, connections and server polling.
• ?page=geometry: local and viewport pointer scalars and pixels, connected previews, dimensions, clipping and visibility.
• ?page=controls: the gauge and stepped range, select and colour values, field history, character budgets, validation and resets.
• ?page=media: image and video palettes.
• ?page=reference: a linked index of public directives and attributes.

The site uses Flair's default monochrome styling, with warm colours in the gauge and level demonstrations. Flux supplies the behaviour through HTML attributes. CSS handles the visual effects, including reduced-motion preferences.

See the website README for setup and the local Flair dependency. The older pages remain in test/fixtures/example/ as regression fixtures.