Year2026
TypeWeb
Project overview
Nadis is a premium web-based music player designed to push the boundaries of web UI/UX. Inspired by Apple's minimalist ecosystem, it merges high-performance 3D graphics with a seamless cloud-based audio engine. The project features a proprietary Siri-inspired gradient system and a robust caching layer to deliver a desktop-class experience in the browser.
Tech stack
The challenge
The primary hurdle was maintaining a consistent 60FPS performance while executing complex 3D fragment shaders alongside fluid Framer Motion transitions. Additionally, building a custom audio engine to handle high-fidelity streams from Supabase required implementing an advanced preloading and caching strategy to eliminate buffering and latency.
Key features
01
Siri-inspired 3D Gradient Engine (R3F)
02
Supabase Storage Integration
03
Advanced Audio Caching & Preloading
04
Dynamic UI Color Extraction
05
Pixel-Perfect iPad Interface & Mockups