CelebrationOverlay

animation

Breakdex::Motion::CelebrationOverlay

Full-screen confetti particle burst for review milestones

Fires after review milestones (streak, mastery unlock). 28 particles — mixed circles and rectangles — burst from center with physics-based arcs. Title scales in with elasticOut, entire overlay fades out in the final 30% of the timeline. Auto-dismisses after 1500ms; tap-to-dismiss also supported.

Relationships

▣ Renders With 1

flashcard_review_screen

⚙ Configured By 1

review_card_display_settings_provider

Answers

States

StateBehavior
auto Dismiss
afterMs: 1500
particle Config
colors: [ "state_new", "state_learning", "state_mastery", "action_good", "primary" ]
count: 28
shapes: [ "circle", "rectangle" ]
tap Dismiss
enabled: true

Durations

fade Out Start
1050ms
title In
450ms
total
1500ms

Curves

fade Out easeOut
title Scale elasticOut

Spring Configs

particle Physics

Mass 1
Stiffness 120
Damping 8

Respects

prefers reduced motiondisable animations