Skip to content
CrossFly is 100% open sourceFollow us on GitHub
CrossFlyCrossFly
Get started

This documentation is currently available in Portuguese. English and other languages are on the way.

UI — Building the interface

Themes and styles

Colours, light and dark themes and skins — CrossFly's three layers of appearance and when to reach for each.

How-to
Color schemes

ColorScheme — generate the app's entire palette from a seed color (Material 3).

How-to
Styling components

ComponentStyle — fluent API for a component's color, border, corners, gaps, font and shadow.

How-to
Light/dark mode

Switch theme in real time without rebuilding the UI — setDarkMode + onRestyle/styled/restyle.

How-to
Skins (Material / iOS / Flutter)

Switch the visual identity — structure, shape and spacing — globally or per component.