Skip to content
native cook
Esc

Loading the catalog…

Keypad Theme Wave


The theme step of a calculator app's onboarding: a preview card of the calculator (display, a 4 × 5 keypad of round keys and the app's wordmark), a strip of striped swatches whose centred, white-framed swatch is the selection, "Customize your calculator" and a Continue button. Picking a theme sends it across the preview as a wave: the card's colour is revealed by a circle from the corner the new swatch came from, and key by key, on diagonals from that corner, each key drains to a hollow ring and then blooms full with the new colours. Ten palettes, all drawn in code; the preview's keys work as a tiny calculator.

Category
Pickers
Added
Oct 28, 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.