Recipe·Design recipes·RC08

Feels right on a phone

Make a web app feel like an installed app instead of a website.

Markdown

Steps

  1. 1  /impeccable adapt layout across screen sizes
  2. 2  /mobile-native tap, notch, 100vh and input-zoom fixes
  3. 3  /apple-design gestures, sheets and springs where it matters
As one prompt
Feels right on a phone. Make a web app feel installed rather than browsed.
Run these in order, and check in with me between steps:
1. /impeccable adapt: layout across screen sizes
2. /mobile-native: tap, notch, 100vh and input-zoom fixes
3. /apple-design: gestures, sheets and springs where it matters

More in Design recipes.