Duit - drived UI tooklit #

Duit is an actively growing open-source ecosystem of libraries and tools aimed at helping developers easily and effectively implement the backend-driven UI approach in their Flutter-based applications.

The framework consists of several parts:

• Flutter package
• Go DSL
• TypeScript DSL

Are you using Duit in production? Contact us and tell us about your experience

Core features #

• Flexible framework architecture that allows easy integration with new and existing Flutter applications
• Support for different network protocols (http, websocket) with extension ability
• Event-drived state management with Actions & Events API
• Ability to add your own custom widgets on the Flutter and backend side
• Powerful templating system (Components) to reduce json size and code coherence
• Ability to execute dynamically passed scripts in the integrated runtime environment to create dynamically changing business logic

Learn more Duit features on our website #

Usage example #

1. Install flutter_duit

flutter pub add flutter_duit

1. Create DuitDriver instance.

It is responsible for displaying the UI, updating the state of widgets, and calling widget-related actions.

final driver = XDriver.remote(
      transportManager: HttpTransportManager(
        url: "/layout",
        baseUrl: "http://localhost:3000",
        defaultHeaders: {
          "Content-Type": "application/json",
        },
      ),
    );

1. Embed the DuitViewHost widget into your application in the build method.

DuitViewHost.withDriver(
  driver: driver,
  placeholder: const CircularProgressIndicator(),
),

Project roadmap #

• New event types
• Expanding the widget collection
• Increasing unit test coverage of the code base
• Expansion and improvement of documentation quality
• New DSL (eg. for Dart)

Learn more about project state

Contributors #

Stargazers over time #

License #

MIT