Components
22 pieces, all made with the same spring engine. Open View on any of them to see its code and how it is made.
Metamorph 07
Shape Morph
Flows through several shapes and lands on your logo, whatever its outline.
Icon Morph
Icons that flow into each other: menu and close, play and pause.
Menu Morph
The three menu bars become the menu: the button flows into the card and each bar into a row.
Morph Dialog
A window that flows out of the card that opened it and back into it.
Morph Button
A button that shrinks into a ball while it sends and opens again with a check.
Copy Morph
A copy button where the two sheets flow into a check.
Morph Loader
A loader that keeps changing shape and ends on a check.
Characters 03
Pet
A soft little square that shows its mood with its eyes alone, and the eyes follow the pointer.
Bot
A chat assistant with a face: it listens, thinks and answers by changing shape.
Mascot
Over thirty object mascots, from a coffee mug to a dumbbell, that blink, follow the pointer and flow into each other.
Controls 05
Segmented Picker
A picker where the pill flows: one edge leaves before the other.
Pill Tabs
Tabs in a dark pill, with the light pill flowing between them and a count beside each.
Spring Switch
A switch whose knob stretches on the way and lands on the spring.
Spring Button
A button that sinks when touched and comes back with weight, squashing with its speed.
Morph Island
A pill that grows into a panel, in the same body.
Text 02
Word Cycle
The word changes out of a blur, and the sentence never jumps in width.
Text Reveal
The headline comes in letter by letter, and screen readers get the whole sentence.
Transitions 02
Logo Wipe
A screen change where your logo covers, holds and leaves upwards.
Island Toast
A notice that drops from the top as a pill, grows with the message and goes back up.
Splash 03
Splash Choice
Shapes become the logo, it rises, and each option you pick changes the shape and the sentence.
Splash Shapes
Shapes become the logo, it rises, and the sentence and the button appear.
Splash Dots
Scattered dots fly to the logo's outline and it fills in.