An elegant, high-performance Sorting Visualizer Web Application built with React + Vite, designed to help users understand how various sorting algorithms work through interactive animations and comparisons — all wrapped in a modern black and golden-yellow UI theme.
-
🎯 Multiple Algorithms Supported:
- Bubble Sort
- Selection Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- Heap Sort
-
🔧 User Controls:
- Choose sorting algorithm
- Adjust array size
- Change animation speed
- Generate new array
- Pause, Resume, and Reset
-
📊 Performance Comparison Table:
- Time complexity (Best, Average, Worst)
- Space complexity
- Stability and use cases
-
🎨 Modern UI:
- Clean black and golden-yellow theme
- Smooth animations
- Responsive and mobile-friendly layout
| Desktop View | Mobile View |
|---|---|
![]() |
![]() |
- ⚛️ React
- ⚡ Vite
- 🎨 Tailwind CSS
- 💡 Framer Motion
- 📚 react-syntax-highlighter
Check out the live app 👉 Sorting Visualizer App
Designed and developed with ❤️ by Dhiraj Sah
git clone https://github.com/DhirajSah736/Sorting-Visualizer.git
cd sorting-visualizer
npm install
npm run dev
