Haeze

Context

Music wallpaper generator built from album covers with instant in-browser rendering

Description

Haeze is a frontend web app that queries the iTunes Search API to find a song, album, or artist, then generates a cinematic wallpaper from the selected artwork. The whole composition runs locally in canvas: blurred background, dark overlay, centered cover art, optional metadata, and PNG export. The project also includes a bilingual interface, resilient search flows, and a large preset catalog covering desktop, laptop, tablet, and mobile screen formats.

March 2026
1 person

Skills used

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Skills

Skills used

React
TypeScript
Vite
Tailwind CSS
shadcn/ui
Vitest

Skills acquired

Vitest
shadcn/ui

Skills improved

React
TypeScript
Tailwind CSS

Features

08Features
Swipe< >
01

Music search powered by the iTunes Search API

React
TypeScript
02

Smart resolution of the best available artwork URL

TypeScript
React
03

Canvas generation with blurred background, overlay, and centered cover art

React
TypeScript
04

Wide preset catalog for desktop, laptop, tablet, iPhone, Pixel, and Android devices

React
TypeScript
05

Real-time blur strength control

Tailwind CSS
React
06

Optional title and artist metadata under the cover

React
TypeScript
07

Direct PNG export of the generated wallpaper

React
TypeScript
Vite
08

Polished interface with loading states, error handling, and Vitest coverage

Vitest
TypeScript
shadcn/ui

Gallery

Gallery

5