Quick Start

Get started with Fluxy in just a few commands.

Installation

Install the Fluxy CLI globally using Dart. This tool will manage your projects and generate code for you.

dart pub global activate fluxy

Creating a Project

Initialize a new Fluxy project structure. This command sets up the necessary folders for modules, routes, and themes.

fluxy init my_awesome_app

Running Your App

Run your application using the optimized Fluxy dev runner for a better developer experience.

fluxy run

Your First Widget

Replace your main.dart with this minimal Fluxy application. FluxyApp handles your routing and theme engine automatically.

import 'package:fluxy/fluxy.dart';

void main() {
  runApp(
    FluxyApp(
      title: "Hello Fluxy",
      initialRoute: FxRoute(
        path: "/",
        builder: (context, args) => Fx.center(
          child: Fx.text("Hello World").font.xxl.bold,
        ),
      ),
    ),
  );
}

Next Steps

Once your project is set up, explore the core concepts:

• Reactivity: Learn about Signals and computed values.
• Atomic Styling DSL: Use the Fx namespace to build UI.
• Premium Widgets: Explore pre-styled components.
• Routing: Set up type-safe navigation.