About the project

A modern, interactive home for learning data structures and algorithms — built to make the invisible visible.

The mission

Classic algorithm visualizers proved how powerful it is to see an algorithm run. This project reimagines that idea for today: a single, cohesive, beautiful application where every visualization shares the same controls, the same design language, and the same depth of educational material.

The goal is a tool that serves everyone from a first-year student meeting recursion for the first time, to an instructor projecting a live demo, to an engineer brushing up before an interview — all in one polished place.

The creator

Built with care by Jibreel Bornat. a Computer Engineering student at Birzeit University. This visualizer grew out of a simple conviction: that the elegant ideas behind data structures and algorithms deserve to be experienced, not just read about.

Built with
Next.jsReactTypeScriptTailwind CSSFramer MotionReact FlowRadix UILucide Icons
Design philosophy

Steps as data

Every algorithm is a pure function that emits an immutable list of snapshots. That makes scrubbing, stepping backward, and exporting state correct by construction.

One shell, many structures

A single universal player provides playback, editing, export, and accessibility for every algorithm — so the experience is identical whether you're sorting an array or balancing an AVL tree.

Understanding over spectacle

Animations exist to explain, not to dazzle. Each step is narrated, each color has meaning, and the theory sits right beside the motion.