CRED Rewards
A timer-based KBC-style game with native-CSS 3D buttons — one of the top engagement features in the CRED app.
- Role
- Senior Engineer
- Year
- 2022
- Stack
- React · CSS 3D · IntersectionObserver
Context
A daily game inside CRED that needed to feel tactile and arcade-like — like pressing real buttons on a casino machine — without melting low-end phones.
What I built
- 01Modelled the embedded buttons in native CSS 3D rather than Lotties or video for a significant perf bump.
- 02Wrote a scroller-based event tracker using IntersectionObserver that fires zero re-renders.
Outcomes
DAU/WAU
25%
Engagement rank
Top 3
Render cost
Native CSS
Reflections
Animation libraries are easy to reach for. CSS — when you really learn it — almost always wins on weight and warmth.