Skip to content
native cook
Esc

Loading the catalog…

Deli Grain Tabs


An invented Italian deli's category screen on cream: two rows of six small food silhouettes as tabs (balsamico bottle, snifter, pizza slice, cup, oil jug, jar, farfalle, cheese wedge, salami, gift, olive, loaf) and one large ink silhouette in the middle with the category's name and product count. When the tab changes, the big silhouette crumbles into 1,400 flour grains that drain out of it from the bottom, swirl round, and rain into the next shape bottom-first, while the tab turns ink with a small pop and the indicator dot slides along the strip. Tap a tab to sift to it, or drag across the big shape to stir the grains, which flow around the finger and settle back. Every silhouette is drawn in code.

Category
Navigation
Added
Oct 29, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.