PILL01
For shoppable details inside editorial layouts.
OBJECTS FOR THE WEB / 009
Morph Product Card
Small at first glance.
Complete when opened.
01 / THREE CLOSED STATESHOVER · OPEN · CLOSE
SMALL CARD02
For collections, menus and product lists.
COMPACT PREVIEW03
For launches and featured objects.
No page change. No layout jump. One continuous object.Image · Video · Content · CTA
SHAPE THE TRANSFORMATIONMake it open
Make it open
your way.
Change the closed shape, the expanded layout and the feel of the spring on Arc Lamp.
Event · Closed
02 / AFTER HOURSTHE SAME OBJECTS, IN THE DARK
Open a card, then pull it down on a phone. It travels back into place.
ONE COMPONENT. EVERY DETAIL IN VIEW.Keep the page calm.
Keep the page calm.
Let the product open.
A compact pill, card or preview that becomes a complete product sheet with image or film, price, description and CTA. Edit every shape, color, spring and label in Framer.
Download the componentOne Code File. React and Framer only.
Keyboard, touch, reduced motion and fallback included.