hritikswho.xyz/projects/mica-studio
All projectsIndependent · Live

Designer & product engineer · 2026

Mica Studio

Quiet by design. Premium wallpapers and a wallpaper maker in the browser.

A wallpaper gallery and editor for iPhone, iPad and Mac. Every wallpaper can be previewed on a realistic device, blurred and downloaded in HD, and the Studio lets anyone generate their own with text, calendars, to-do lists and filters.

158 wallpapers · 22 generators
Realistic iPhone previewCanvas wallpaper editorShareable editor state
micastudio.xyzSource
01

What it does

  • 158 curated wallpapers across 25 collections for iPhone, iPad and Mac
  • Realistic iPhone preview: lock and home screens, swipe to unlock, Dynamic Island, widgets, Control Center and icon styles
  • iPad and Mac previews with full-screen mode and keyboard shortcuts
  • HD and standard downloads, with optional blur baked into the full-resolution image
  • Studio editor with 22 generative styles, palettes, eyedropper and automatic palette extraction
  • Text layers with 34 lazily loaded fonts, calendar and to-do overlays, light and texture filters
  • Photo upload with background removal, undo and redo, local saves and PNG or JPG export
  • Shareable editor state encoded in the URL
02

How it works

  1. 01

    Browse

    The catalogue is static typed data, so pages are instant and every wallpaper has its own SEO page.

  2. 02

    Preview

    Device frames render the wallpaper under real UI chrome, so you judge it the way you will see it.

  3. 03

    Download

    Blur is rendered on a canvas at full resolution before saving, with a direct-link fallback.

  4. 04

    Create

    The Studio composes generators, overlays and filters on a canvas and exports at the target device size.

03

Architecture

App

TanStack Start and Router on Vite, React 19, Tailwind v4 and Radix primitives.

Rendering

Canvas generators, overlays and filters; client-side export; fonts loaded only when the picker opens.

Content

A typed wallpaper catalogue with platform, resolution, palette and size metadata, and a generated sitemap.

Promo pipeline

Playwright captures product footage, Pillow composes graphics, NumPy synthesises audio and FFmpeg renders the video.

04

Testing & evaluation

  • A Playwright smoke checker drives the Studio: generators, text, fonts, calendar, to-dos, previews, filters and sharing
05

Stack

TanStack StartReact 19ViteTailwind v4CanvasPlaywrightFFmpeg
06

Honest limits

Android previews and desktop resolution bundles are on the roadmap.

Next projectUplyFox for Chrome