Hover to try
Rotating button
The label tips back like a card and a friendlier face rolls up in its place.
Small interactions, ready to prompt.
Thirty six hover, cursor, click and scroll details in our colors. Play with each one, then copy its prompt into your coding agent. Free to use on your own site.
Every interaction in the library, ready to try and copy.
Hover to try
Ink underline
A loose, hand drawn line writes itself under the link you are reading.
Move near it
Magnetic button
The button leans toward your cursor, then settles back with a soft spring.
Hover to try
Rolling letters
Each letter rolls up a beat after the last, so a plain label feels considered.
Enter from any side
Bloom fill
Color blooms from the exact point you enter and drains back out where you leave.
Hover to try
Arrow relay
One arrow flies out of the circle as the next one slides in behind it.
Trace the edge
Moonlit border
A soft pool of light follows your pointer around the rim of a dark button.
Hover to try
Waving hand
A small hand pops up above the button and waves hello, once.
- Café NuageMENU
- Atelier LuneCOUPON
- Maison BloomCARDS
List preview
Hover a row and a small image card unfolds beside it to introduce the project.
Fanned stack
A tidy pile of prints fans open to show what sits underneath.
Atelier LuneBlinds reveal
Six navy slats fold away one after another to open on the image.
Image accordion
Narrow panels widen as you pass over them, so every project gets its moment.
Proof to print lens
A round lens under your cursor shows the printed piece inside the flat proof.
PEEL FOR
15% OFF
15% OFF
Sticker peel
The corner lifts like a sticker to show a small surprise printed underneath.
Caption rise
The caption slides up through a mask while the photo leans in a little closer.
BACKGROUND
IMAGEBOOK NOWACTION
Layer explorer
A finished card lifts apart into its layers, like an exploded diagram of the design.
Delight
Hover each letterJelly letters
Each letter squashes and wobbles like jelly when your cursor passes over it.
CloudClub
Pearl card
A member card tilts in your hand while a pearly sheen drifts across its face.
Abovethe clouds
Depth card
Sky, clouds and title move at different speeds, so a flat card gains real depth.
Orbit
Hover to tryOrbiting accents
Tiny stars wake up and circle the word for as long as you stay.
Our workHover to try
Marquee link
A navy band opens across the link and its words start running sideways.
Shadow
Move to trySun dial shadow
The word casts a solid shadow away from your cursor, like light from a lamp.
Hover and press
Squishy tags
Pills bounce up when you point at them and squash flat when you press.
Move to try
Repelling dots
A quiet grid of dots shies away from your cursor and drifts home behind it.
Ripple
Hover a letterRipple text
Touch one letter and a wave travels outward through the rest of the word.
Draw with our workMove to try
Image trail
Moving across the panel leaves a short trail of project photos that fade behind you.
- saged.so
- sagedlist.com
- alutra.house
Project rollover
A screenshot of the site floats under your cursor while you hover its name.
Reactive cursor
A thin ring follows you and swells into a navy View disc over anything clickable.
Paint some weatherMove to try
Mist brush
Your cursor leaves soft puffs of cloud that drift apart and melt into the sky.
Move through the word
Scatter letters
The wordmark parts around your cursor like reeds, then closes up again.
Select any of this text. Even the highlight belongs to your brand, down to the last detail.
Select to tryBrand selection
Highlighted text turns butter yellow with navy letters instead of the browser default.
Click anywhere
Click to tryClick burst
A ring and a spray of butter yellow sparks mark every click, for confirmations.
Click to toss a coupon
Click to tryCoupon toss
Each click drops a printed coupon onto the table, landing at its own angle.
Move to try
Compass field
A field of tiny needles turns to point at your cursor wherever it goes.
Scroll inside.
Each line waits
below its edge,
then rises up
through its mask
as it arrives.
No fades at all.
Masked line reveal
Lines of copy rise out of their own masks as they scroll into view.
Scroll insideAbove the clouds
Scroll scrub
Scrolling drives the scene directly: clouds rise, a bar fills, the title changes.