Card Puzzle

Show Preview
Card Puzzle
Card Puzzle

About Card Puzzle

Card Puzzle is a scroll-driven About section for portfolios. Your name sits in the centre of the screen while six blurry jigsaw pieces are scattered around it. As the visitor scrolls, the pieces fly together and sharpen into one clean white card with a heading, short bio, a Connect button and a portrait. Edit the intro line, name, card heading, text, button label and link, portrait image, hint text and colours from the property controls. Set the component to full width and a tall height (about 320vh) so the page has room to scroll. It adapts to phone with a stacked card, and respects reduced-motion settings.

From Shubhangi Sharma

Project Bento Card
Hover Text Scatter

Related Components

Old Projector
Animated Noise
Scroll Reveal Image
Glassmorphismer