Confetti

A one-time burst of confetti from the middle of its box — for a finished onboarding, a confirmed e-mail or a changed password.

A block from @tectra-ng/blocks — it comes with tectra-ng, or alone: npm install @tectra-ng/blocks.

Features4APIThemingAccessibility

Basic

Put it in a positioned box: the burst starts in the middle and covers the box without taking clicks. play() plays it again.

Payment receivedYour workspace is now on the Pro plan.

With delay

Shown with @if, it bursts once when it appears. delay waits until the success state has settled — here 380 ms.

Own pieces

pieces gives where every piece lands, its turn and its tone — here eighteen pieces in a ring.

Design tokens

dt changes the tokens of one burst: here larger round pieces in own colours, flying slower.