Overview
The same WebGL plane as its sibling, opened by a different displacement. Each vertex is offset outwards along the angle it sits at relative to the centre, by a sine wave riding on its distance, so the picture blooms into a petalled ring and closes again as the plane reaches full frame. The petal count is the wave frequency: one is a single soft lobe, eight is a tight flower. The activation rises from the bottom edge rather than a corner, so the card reads as lifting rather than opening, and the wave phase rotates where the petals fall. Press Escape or click again to fold it back into the grid.
Highlights
- Refined, production-ready UI composition
- Organized, reusable Figma components
- Clean layout system you can adapt fast
