Minimal Light
Same architecture. A different visual treatment.
AniDiagram Showcase
Style Showcase makes diagrams look right. Layout Showcase makes diagram purpose obvious. Every preview runs the actual diagram's icon and flow animations while visible, with a complete static fallback.
Follow one request, step by step
A seven-second recording of the actual explanation mode: focus, camera movement, relation labels, and step controls. This is a generic architecture sample, not a verified production system.
Try the interactive explanationRecording detailsExplore stylesExplore layouts
Live icon motion in visible cards. Open HTML for full-size details.
Hero Demo · Dify
From Document to Answer: follow ingestion and basic Chat across three logical layers. 10 nodes · 13 relations · two styles, one architecture.
Pinned to Dify 1.17.0. Source-reading draft: independent semantic review is pending, and Dify runtime has not been tested.
Deep Tech
Same architecture. A different visual treatment.
Public Icon Systems
The current frozen Diagram Core v1 and Illustrated 2.5 public releases, each with complete static and automatic-motion coverage.
Diagram Core v1
Diagram Core v1
Infrastructure diagrams, Architecture systems, Technical operations
Illustrated 2.5
Illustrated 2.5
AI explainers, Character-led workflows, Animated presentations
Style Showcase
One signature case for every bundled visual style.
deep-tech
Realtime AI Ops Mesh
AI ops, Realtime systems, Agent meshes
blueprint
MCP Server Architecture
Architecture, Protocols, Cloud boundaries
flat-icon
Feature Priority Board
Roadmaps, Priority boards, Product planning
dark-terminal
Incident Response Runbook
Incident response, Debugging, Runbooks
notion-clean
Product Discovery Workflow
Product discovery, Docs, Workflow notes
glassmorphism
AI Growth Funnel
Growth funnels, Journeys, Presentation flows
claude-warm
Research Reasoning Loop
Reasoning, Research loops, Planning
openai-minimal
Evaluation Pipeline
Evaluation, Quality gates, SaaS operations
dark-luxury
Executive Signal Network
Executive views, Signal maps, Strategy
aurora-orb
Creative Agent Studio
Creative tools, Multimodal agents, Studio flows
illustrated-semantic
Semantic Delivery Pipeline
Technical explainers, Semantic workflows, Warm presentations
sketch-board
Attention Teaching Flow
Teaching, Attention flows, Explainers
Layout Showcase
One standard teaching case for every semantic layout preset.
pipeline
RAG Ingestion Pipeline
ETL, Build steps, AI pipelines
loop
Agent Reflection Loop
Feedback loops, Agent learning, Refinement
hub-spoke
Agent Tool Hub
Tool routers, Agent hubs, Capability maps
layered
LLM App Architecture Layers
System layers, Architecture, Ownership
swimlane
Human-in-the-loop Approval Flow
Handoffs, Approvals, Responsibility
compare
RAG vs Agentic RAG
Tradeoffs, Before after, Architecture decisions
matrix
AI Feature Priority Matrix
Prioritization, PM planning, Roadmaps
timeline
AI Product Launch Roadmap
Roadmaps, Milestones, Release planning
stack
AI Runtime Stack
Runtime layers, Infrastructure, Dependencies
funnel
Lead-to-Agent Automation Funnel
Qualification, Conversion, Automation
sequence
API Tool Calling Sequence
Request chains, Tool calls, Protocols
er
Agent Memory Data Model
Data models, Relationships, Memory schemas
network
Distributed Agent Runtime Mesh
Distributed systems, Runtime meshes, Routing
agent-memory
Personalized Agent Memory Flow
Agent memory, Retrieval, Grounded output
agent-loop
Agent Loop Runtime Architecture
Agent internals, Governed tool loops, Memory and safety
layered-loop
Loop Engineering Operating Architecture
Governed loops, Layered execution, External state
Runtime Motion Showcase
The frozen high-fidelity runtime baseline. Open the catalog to review current semantics, part IDs, stage effects, and change-control rules.
Open runtime motion catalogOpen live overview
brain-think-pulse-v1
Brain Think Pulse
Icon: agent
Think, Decide, Confirm
operator-type-focus-v1
Operator Type Focus
Icon: operator
Focus, Type, Resolve
search-scout-find-v1
Search Scout Find
Icon: search
Scout, Scan, Find
tool-kit-action-v1
Tool Kit Action
Icon: tool
Ready, Act, Confirm
api-signal-return-v1
API Signal Return
Icon: api
Request, Return, Settle
memory-index-commit-v1
Memory Index Commit
Icon: memory
Index, Commit, Recall
output-envelope-reveal-v1
Output Envelope Reveal
Icon: output
Reveal, Deliver, Confirm
file-note-write-v1
File Note Write
Icon: file
Note, Write, Settle
folder-file-store-v1
Folder File Store
Icon: folder
File, Store, Ready
cloud-uplink-ready-v1
Cloud Uplink Ready
Icon: cloud
Uplink, Send, Ready
shield-guard-confirm-v1
Shield Guard Confirm
Icon: shield
Guard, Scan, Confirm
token-intent-ready-v1
Token Intent Ready
Icon: token
Intent, Orient, Ready
bucket-ingest-confirm-v1
Bucket Ingest Confirm
Icon: database
Ingest, Settle, Confirm
agent-think-act-v2
Agent Think Act
Icon: agent
Think, Decide, Act
search-discover-v2
Search Discover
Icon: search
Scan, Find, Lock target
api-request-response-v2
API Request Response
Icon: api
Request, Response, Status
database-write-v2
Database Write
Icon: database
Write, Commit, Confirm
memory-commit-v2
Memory Commit
Icon: memory
Context, Recall, Commit
tool-run-v2
Tool Run
Icon: tool
Invoke, Execute, Resolve
token-intent-v2
Token Intent
Icon: token
Intent, Signal, Classify
output-reveal-v2
Output Reveal
Icon: output
Result, Confirm, Complete
file-lines-v2
File Lines
Icon: file
Document, Parse, Extract
folder-open-v2
Folder Open
Icon: folder
Collection, Open, Load
cloud-upload-v2
Cloud Upload
Icon: cloud
Upload, Sync, Deploy
shield-check-v2
Shield Check
Icon: shield
Validate, Guard, Approve
Illustrated Character Themes
Compare the same Character v1 flow in Default Character, Deep Tech, and Teaching Sketch Character.