Glassmorphism
Frosted glass effects with backdrop filters create depth and modern aesthetics.
Move your mouse to interact with 3000 particles in real-time. WebGL powered by Three.js for smooth 60fps animations.
Classic Snake game with modern styling. Use arrow keys to control the snake. Eat food, grow longer, don't hit the walls!
Use Arrow Keys or WASD to move
Visualize popular sorting algorithms in action. Watch how different approaches organize data with colorful animations.
Simple comparison-based algorithm. Repeatedly steps through the list, compares adjacent elements and swaps them if they're in wrong order.
Divide and conquer algorithm. Picks a pivot element and partitions the array around it, recursively sorting sub-arrays.
Stable divide and conquer algorithm. Divides array into halves, sorts them, then merges them back together.
Comparison-based sorting using a binary heap structure. Builds a max heap and repeatedly extracts the maximum element.
Visualize audio in real-time using the Web Audio API. Use your microphone or upload an audio file to see the sound come alive.
Click to enable microphone access
A collection of modern UI components featuring glassmorphism effects, smooth animations, and interactive elements.
Frosted glass effects with backdrop filters create depth and modern aesthetics.
Hardware-accelerated CSS animations with requestAnimationFrame for optimal performance.
Fluid layouts that adapt seamlessly from mobile devices to large desktop screens.
WCAG 2.1 AA compliant with keyboard navigation, focus management, and ARIA labels.
Optimized rendering with lazy loading, code splitting, and adaptive quality settings.
Full internationalization support with dynamic language switching and localStorage persistence.
Gradient Text Effect
GLITCH EFFECT
Typewriter effect...
Text Scramble Animation