https://github.com/midudev/alg0.dev
alg0.dev is an interactive algorithm visualizer where classic algorithms come to life through step by step animations, controls to pause or advance, and access to the underlying code.
https://github.com/midudev/alg0.dev
algorithm-visualization algorithms algorithms-and-data-structures algorithms-datastructures data-structures
Last synced: 24 days ago
JSON representation
alg0.dev is an interactive algorithm visualizer where classic algorithms come to life through step by step animations, controls to pause or advance, and access to the underlying code.
- Host: GitHub
- URL: https://github.com/midudev/alg0.dev
- Owner: midudev
- Created: 2026-02-16T11:25:29.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-05-17T12:01:58.000Z (about 1 month ago)
- Last Synced: 2026-05-17T13:41:38.967Z (about 1 month ago)
- Topics: algorithm-visualization, algorithms, algorithms-and-data-structures, algorithms-datastructures, data-structures
- Language: TypeScript
- Homepage: https://alg0.dev
- Size: 5.52 MB
- Stars: 165
- Watchers: 0
- Forks: 27
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [alg0.dev](https://alg0.dev)
### Visualize, understand and master algorithms
[](https://alg0.dev)
[](./README_ES.md)
**Learn algorithms and data structures interactively.**
Step-by-step visualizations, real-time code highlighting and detailed explanations. All in your browser, no setup needed.
[**Start exploring →**](https://alg0.dev)
---
## What is alg0.dev
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
## 40+ algorithms across 8 categories
### Sorting
Bubble Sort · Selection Sort · Insertion Sort · Quick Sort · Merge Sort · Heap Sort · Counting Sort · Radix Sort · Shell Sort
### Data Structures
Stack · Queue · Linked List · Hash Table · Binary Search Tree · Heap
### Graphs
BFS · DFS · Dijkstra · Prim · Topological Sort
### Searching
Binary Search · Linear Search · Jump Search · Interpolation Search
### Dynamic Programming
Fibonacci · 0/1 Knapsack · LCS (Longest Common Subsequence)
### Backtracking
N-Queens · Sudoku Solver · Maze Pathfinding
### Divide & Conquer
Tower of Hanoi
### Concepts
Big O · Recursion · Two Pointers · Sliding Window · Memoization · Greedy vs DP · Space Complexity
## Keyboard shortcuts
| 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.
## Features
- **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
## Stack
Built with [Astro](https://astro.build) + [React](https://react.dev) + [Tailwind CSS](https://tailwindcss.com) + [Monaco Editor](https://microsoft.github.io/monaco-editor/).
## License
MIT — created by [@midudev](https://twitter.com/midudev)