Hello, Vimal 👋
Today's gold rate: ₹7,320/g
Same shop app, two platforms. Tap products, scroll the grid, open the detail page, tap the FAB, open the bottom sheet. The motion timing, shape language, and tap feedback are each tuned to the real platform defaults.
💡 Try the same action on both phones — notice the rhythm and feelToday's gold rate: ₹7,320/g
We'll let you know when this piece has a festival offer or the price moves.
Today's gold rate · ₹7,320/g
We'll notify you when this piece has a festival offer or the price changes.
Tuning numbers below are from each platform's real defaults (Reanimated 3 vs Material 3 motion spec).
| Behaviour | React Native | Native Kotlin / M3 | Why you might care |
|---|---|---|---|
| Page transition (home → detail) |
Slide in from right, 320ms standard curve | Fade-through + subtle scale, 500ms emphasized curve | Material 3 transitions feel more intentional; RN's default is the snappier iOS-style slide |
| Tap feedback | Opacity fade to 0.85 + tiny scale(0.97) | Material ripple — a gold wave expanding from the tap point | Ripples are instantly recognisable as "Android native" |
| Button shape | 12px rounded corners, standard weight | Full-pill (100px) radius, Medium weight — Material 3 signature | Pill buttons are the single biggest visual tell that an app is "real Android" |
| Bottom sheet | Slide up 320ms, slight spring | Spring with 500ms emphasized decelerate, 28px top corner | Native Kotlin sheets feel weighty; RN default feels snappier but less grounded |
| FAB hide-on-scroll | Slide down + fade | Scale down to zero (Material 3 M3 exit) | Minor, but consistent M3 apps all do the scale-down — users recognise the pattern |
| Bottom nav indicator | Colour change on the icon + label | Pill-shaped gold indicator that slides behind the active icon | The active-pill is one of Material 3's most-loved touches |
| Corner radii | Consistent 12–16px throughout | Hierarchy: 16 / 20 / 28 px (small / medium / extra-large) | M3 corner hierarchy makes screens feel more structured |
| Headline typography | 17–20px bold, tightly packed | 22–24px regular weight (Material 3 headline-small) | M3 favours lighter, larger titles — feels more premium |
| Time to build | ~2–3 weeks (+ future iOS comes "free") | ~3–4 weeks (Android only; iPhone is a second project) | If you want iPhone next year, RN saves ~60% of total work |
| Cold-start speed | ~900ms–1.5s (JS runtime boot) | ~200–400ms (pure native) | Kotlin apps open noticeably faster from a cold tap — felt every first launch of the day |
| File size | ~20–30 MB APK | ~5–8 MB APK | Smaller is better for customers on patchy connections or low-end phones |
| Play Store polish score | Very good — indistinguishable to most users | Perfect — Google's own design language, every detail feels "native" | For a premium-goods shop like a jeweller, this may matter for trust |