Naked UI の動作と Mix のスタイリングでコンポーネントをフルッタします。

コアコンセプト

• Naked UI はインタラクション:フォーカス、キーボード入力、インタラクションの状態、アクセシビリティを所有しています。
• ミックスはスタイリングを所有しています:スペック、スタイル、トークン、バリアント、アニメーション。
• Remix は、独自のスタイルで Remix*] を使うか、プリセットをインストールします。
• プリセットは編集可能なアプリソースです。アプリごとに1つを選択します。 バニラはニュートラルです。 Fortalは独自のビジュアル言語を持っています。HerroUIはHerroUIのWeb 3.2.6に従います。 CLI はアイテムとその依存関係をインストールします。
• アプリはUIとホストを所有しています。テーマ、レシピ、状態、ナビゲーション。 ソリューション コンポーネントが必要とするオーバーレイ、ナビゲーターまたはトーストスコープ。
• Registries は pinned: [remix.yaml]] は GitHub コミットを記録します。 それをアップデートする ピンと変更されたソースの採用は、別のアクションです。
• 著者が一度生成し、チェック: プライベート[[[registry_source]])生成 registries; アプリはアダプターを生成します。 Runtimeパッケージ、レジストリコンテンツ、 CLI は独立してリリースされます。

コンポーネントで始まる

このチェックアウトは、まだ公開されていない[1.0.0-beta.14]を用意します。 ザ・オブ・ザ・ 現在ホストされているバージョンは1.0.0-beta.13です。マッチングリリースのdocsを使うか、 beta.14 が進行している間、ローカルパスの依存性.

Remix

Flutter components with Naked UI behavior and Mix styling.

Core concepts

• Naked UI owns interaction: focus, keyboard input, interaction state and accessibility.
• Mix owns styling: specs, stylers, tokens, variants and animation.
• Remix composes both: use Remix* with your own styles, or install a preset.
• Presets are editable app source: choose one per app. Vanilla is neutral; Fortal has its own visual language; HeroUI follows HeroUI web 3.2.6. The CLI installs items and their dependencies.
• The app owns its UI and host: themes, recipes, state and navigation. Supply an Overlay, Navigator or toast scope where the component needs it.
• Registries are pinned: remix.yaml records a GitHub commit. Updating that pin and adopting changed source are separate actions.
• Author once, generate and check: private registry_source produces the registries; apps generate adapters. Runtime packages, registry content and the CLI release independently.

Start with a component

This checkout prepares 1.0.0-beta.14, which is not published yet. The currently hosted version is 1.0.0-beta.13; use the matching release docs or a local path dependency while beta.14 is staged. After publication:

flutter pub add remix:^1.0.0-beta.14

import 'package:flutter/widgets.dart';
import 'package:remix/remix.dart';

Widget saveButton(VoidCallback save) => RemixButton(
  label: 'Save',
  onPressed: save,
  style: ButtonStyler()
      .color(const Color(0xFF2196F3))
      .padding(.horizontal(16))
      .borderRadius(.circular(8))
      .labelColor(const Color(0xFFFFFFFF)),
);

Or install editable theme and component source:

flutter pub add dev:remix_cli
dart run remix_cli:remix init --preset vanilla
dart run remix_cli:remix add button

Place the installed theme above your Navigator in the host’s builder before using its widgets. See setup and host requirements.

• Style components directly.
• Install, customize and update editable source.
• Component catalog · Fortal catalog.
• Examples: Vanilla playground, Fortal catalog, dashboard.