Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Learn algorithms and data structures interactively. Step-by-step visualizations, real-time code highlighting and detailed explanations. All in your browser, no setup needed.
A free, interactive web tool to learn algorithms through animated step-by-step visualizations. Every algorithm includes:
- Animated visualization — watch how the data structure transforms at each step
- Active line highlighting — code highlights in sync with the animation
- Variable tracking — see the state of every variable in real time
- Contextual explanation — understand the why behind each operation
|
Bubble Sort · Selection Sort · Insertion Sort · Quick Sort · Merge Sort · Heap Sort · Counting Sort · Radix Sort · Shell Sort |
Stack · Queue · Linked List · Hash Table · Binary Search Tree · Heap |
BFS · DFS · Dijkstra · Prim · Topological Sort |
Binary Search · Linear Search · Jump Search · Interpolation Search |
|
Fibonacci · 0/1 Knapsack · LCS (Longest Common Subsequence) |
N-Queens · Sudoku Solver · Maze Pathfinding |
Tower of Hanoi |
Big O · Recursion · Two Pointers · Sliding Window · Memoization · Greedy vs DP · Space Complexity |
| Key | Action |
|---|---|
| Space | Play / Pause |
| → | Next step |
| ← | Previous step |
| C | Code tab |
| E | Explanation tab |
Plus: speed control (5 levels), skip to start/end, and resizable panels.
- Interactive — step through execution, adjust speed, go forward and backward
- Bilingual — available in English and Spanish
- Responsive — works on mobile, tablet and desktop
- Accessible — keyboard navigation, screen reader support, respects prefers-reduced-motion
- Built-in code editor — Monaco Editor with syntax highlighting and custom dark theme
- No sign-up — open your browser and start learning
Built with Astro + plain JS + Tailwind CSS + Shiki.
MIT — created by @midudev