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 #

0. 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 = DuitDriver(
  "/layout",
  transportOptions: HttpTransportOptions(
    defaultHeaders: {"Content-Type": "application/json"},
    baseUrl: "http://localhost:8999",
  ),
);

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

DuitViewHost(
  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

License #

MIT