Confetti shower
A celebration banner where coloured confetti tumbles down behind the announcement.
- Tailwind
- React
- CSS
- WordPress
Description
Rectangular, round and streamer confetti tumbles down behind the text, each piece at its own pace: perfect for a shop anniversary, an opening, a wedding, a thank-you page or a year-end offer. Each piece is a simple element animated with transform, with no image or script, and the whole decoration is hidden from screen readers. A checkbox pauses the shower, as WCAG 2.2.2 requires. AA contrast in light and dark mode. With prefers-reduced-motion the confetti stays still, scattered around the text.
Code
Loading the code…
In the same spirit
Landing stamp
FreeA three-step application tracker where a “Validated” stamp lands on each card as it reaches the screen.
- Tailwind
- React
- CSS
- WordPress
Layered parallax
FreeA mountain landscape in several planes that slide at different speeds while scrolling.
- Tailwind
- React
- CSS
- WordPress
Drifting clouds
FreeA sunrise sky where clouds slowly drift behind the heading and the tagline.
- Tailwind
- React
- CSS
- WordPress
A blog article topped by a thin bar that fills up as the reader moves through the text.
- Tailwind
- React
- CSS
- WordPress