Skip to content
native cook
Esc

Loading the catalog…

Perfect Month Gem


The 'New badge unlocked' screen of an invented budgeting app, where the badge is made of the month: October's calendar sits where the badge will be, its 30 good days in lilac and the one that went over in pink. The days lift off and spiral into the middle, tinting violet, and fuse into a faceted gem that assembles from its table outward while the white calendar card rounds into a pink disc, soft pink rays open and a '×3' tag pops. 'Perfect Month', 'New Badge unlocked!', a line of copy, a rating card, View Badge and Go to Home follow. Drag the gem down and it comes apart into the calendar again under the finger; let go and it springs to the nearer state; tap toggles.

Category
Modals
Added
Oct 31, 2026
Stacks
RN · Swift · Kotlin
Author
Not known · posted by Design Kit Central ↗

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.