MoodUI is an innovative frontend experiment that senses user behavior to transform the entire website design in real-time. Using custom JavaScript logic, the system analyzes mouse velocity, click frequency, and interaction patterns to detect the user's "Emotional State" (Happy, Focused, Angry, etc.). As the mood shifts, the theme, Lottie animations, and CSS variables instantly adapt, creating a truly "Living Interface."

Key Technical Highlights

Behavioral Sensing: Custom algorithms to detect emotions from interaction patterns.

Dynamic Theming: Instant visual transformation using CSS Variables (:root) and JS injection.

Interactive Motion: Lottie.js animations that programmatically recolor based on the detected mood.

Performance Optimized: Smooth real-time execution with efficient memory and loop management.