LLM Architecture Explorer

Expand each section to reveal the structure inside it

React Flow

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.

Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.

How to use the Explorer

• Expand/Collapse: Click the arrow on the right side of a node to see its sub-components.
• Navigate: Click on any node with an external link icon to jump directly to the lesson for that component.
• Search: Use the search bar in the top-left to filter components by name. The tree will automatically expand to show matching results.
• Pan & Zoom: Click and drag the background to move around. Use your scroll wheel or the bottom-left controls to zoom in and out.