Kalaam كلام

An Arabic tutor whose interface Gemini builds at runtime.

There is no fixed lesson screen. A Gemini model assembles each step of the lesson at runtime from a catalog of Arabic teaching widgets, adapting to what the learner does. Kalaam is an open-source Flutter showcase for the GenUI SDK.

View source on GitHub How to run it

Open source under Apache-2.0. Built with Flutter and the GenUI SDK (A2UI v0.9).

Kalaam home screen: type a goal in Arabic, or pick a real-world scenario to learn

custom widgets

fixed lesson screens

100%

composed by the model

Root system

Every word grows from a root.

Kalaam draws the triliteral root behind a word as a radial diagram, with its whole family branching around it. It is how Arabic vocabulary is actually built, made visible.

Kalaam root system diagram for the root ش ر ب (to drink), its word family branching around it

Go deeper

Tap a node, see its pattern.

Tap any branch and it opens to show its morphological pattern, the wazn, with an Explore action. Learners follow the shape of the language instead of memorizing words in isolation.

A Kalaam root node expanded to show its wazn pattern and an Explore button

Live GenUI inspector

Watch the model compose the screen.

A built-in inspector streams the raw A2UI JSON that Gemini emits, so you can watch a model message become a working widget in real time.

Kalaam live GenUI inspector showing the A2UI JSON stream from Gemini

Vocabulary

Words, with every diacritic.

Vocabulary arrives in a swipeable carousel with full harakat, transliteration, and an example sentence. Each card flips to its definition and audio.

Kalaam vocabulary carousel showing an Arabic word with full diacritics

Under the hood

The model builds the interface.

Kalaam ships a vocabulary of widgets and lets Gemini decide what to render. The model emits A2UI messages that assemble each lesson from those widgets, and every interactive widget reports back, so a wrong answer can trigger the next drill without rebuilding the screen.

Framework: Flutter and Dart
Generative UI: GenUI SDK on the A2UI protocol (v0.9)
Model: Gemini, wired through Firebase AI Logic
Widget catalog: 13 custom Arabic widgets plus the genui primitives

Run it

Try the showcase in about a minute.

Demo mode replays a curated lesson through the real GenUI pipeline, with no API key or backend. Live mode, where Gemini composes in real time, needs your own Firebase project.

git clone https://github.com/sayed3li97/kalaam.git
cd kalaam
flutter pub get
dart run build_runner build --delete-conflicting-outputs
flutter run --dart-define=KALAAM_DEMO=true

Kalaam is open source under the Apache-2.0 license.

View the source on GitHub