벌거 벗은 UI 행동과 혼합 스타일링을 가진 플루트 성분.

핵심 개념

• Naked UI는 상호 작용을 소유합니다: 초점, 키보드 입력, 상호 작용 국가 및 접근 가능성.
• 혼합 자체 스타일링 : specs, stylers, 토큰, 변형 및 애니메이션.
• Remix는 모두 구성합니다: 사용 Remix* 당신의 자신의 스타일, 또는 미리 설치.
• Presets는 편집 가능한 app 근원입니다: app 당 하나를 선택하십시오. Vanilla는 중립적입니다; 포탈은 자신의 시각 언어를 가지고; HeroUI는 HeroUI 웹 3.2.6을 따릅니다. CLI는 아이템과 의존성을 설치합니다.
• 앱은 UI와 호스트를 소유합니다: 테마, 조리법, 상태 및 탐색. 제품 정보 컴포넌트가 필요로 하는 오버레이, Navigator 또는 토스트 범위.
• 레지스트리는 다음과 같습니다: remix.yaml는 GitHub 커밋을 기록합니다. 관련 기사 핀과 채택 변경된 근원은 분리된 행동입니다.
• 한 번 저자, 생성 및 확인 : 개인 registry_source 생성 등록; 앱은 어댑터를 생성합니다. 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.