Visual AI Workflow Learning
Learn how AI systems work through interactive visual workflows
Explore LLMs, RAG, agents, prompt chains, vector search, and AI automation step by step — with hover explanations and beginner or technical modes.
100% free · no sign-up required · just open a flow and start learning
Learn AI visually
Understand workflows faster than articles or long videos
Every lesson is a visual flow. Inspect any step, replay the animation, and export the JSON to reuse or share.
Step-by-step animation
Watch each node run in sequence so you can follow data from input to output.
Hover to inspect
See what each step received, what it did, and what it produced — like a debug panel.
Beginner or technical
Toggle explanation depth without changing the underlying workflow diagram.
Demo preview
A RAG pipeline, visualized
Flow lessons are data-driven JSON rendered as interactive diagrams. The player will animate nodes, highlight edges, and show inspector panels — coming in the next build phase.
Placeholder canvas — React Flow player will replace this preview.
{
"id": "vector-search",
"title": "Vector Search",
"type": "process",
"beginner": {
"received": "A numeric version of the question.",
"action": "Finds similar stored documents.",
"output": "Top matching chunks."
}
}Featured free flows
Start with official curriculum
Model architecture
freeInside the Transformer: From Prompt to Next Token
Follow a prompt end-to-end through a GPT-style Transformer — tokenization, embeddings, stacked attention + MLP blocks, and temperature/top-k/top-p sampling.
LLM basics
freeHow an LLM Generates a Response
Follow a user prompt from tokenization through attention and decoding to a final answer.
RAG
freeRAG Pipeline
See how retrieval-augmented generation finds relevant documents before the LLM answers.
AI agents
freeAI Agent with Tool Calling
Watch an agent plan a task, choose a tool, execute it, and return a final response.
How it works
Three steps to clarity
01
Pick a workflow
Browse the library by topic — RAG, agents, prompt engineering, and more.
02
Play step by step
Run the animation, pause on any node, and inspect inputs and outputs.
03
Learn at your depth
Switch between beginner and technical explanations for the same flow.
Who it's for
Built for learners, teachers, and practitioners
Beginners & students
Understand AI concepts without heavy papers or dense documentation.
Developers learning AI
See how RAG, agents, tool calling, and evaluation pipelines fit together.
Educators & creators
Teach or publish reusable visual lessons for teams and classrooms.
For creators
Turn your AI knowledge into interactive lessons
Educators, engineers, and researchers can suggest flow ideas or contribute lessons — no application or approval wait required to get started. The core library stays free for everyone, always.
Create a FlowAlways free to learn
The official flow library is free with no account required. Optional creator tools, sponsored listings, and institution plans may come later — without ever putting basic learning behind a paywall.
Start learning visually
No account needed — open a free flow, follow the steps, and share what you learn with your team or class.
Explore Free Flows