KoderUIStylePicker

Documented Theme themes/ui-style.kmd

Grid of preset cards with live previews for the 44 ratified UI styles. Selection persists under koder.ui_style.

Demo

Static visual mock — pixel-faithful but non-interactive. Sprint 2.3 will swap selected demos for live Flutter Web embeds.

material3

gnome

macos_sonoma

yaru

Live preview tile per preset. Ratified default is material3; selection persists under koder.ui_style.

Availability

Flutter (koder_kit): koder_kit v0.6.0+
Web (koder_web_kit): koder_web_kit v0.2.0+

Flutter usage

import 'package:koder_kit/koder_kit.dart';

KoderSettingsTile(
  key: 'ui_style',
  control: KoderSettingsControl.dropdown(
    options: KoderUIStyle.values,
    builder: (s) => KoderUIStyleOption(s),
  ),
  defaultState: KoderUIStyle.material3,
)

Web usage

<script type="module" src="https://hub.koder.dev/sdk/koder-web-kit/v0.3/koder-web-kit.js"></script>

<koder-style-picker></koder-style-picker>