Merlino AI

Motion add-ons

20 motion pieces your website wants

Footers, menus, galleries, cursors and a few games. Every one below is live, so touch it.

We add them to the sites we build, rebranded with your colors, fonts and mascot. Visitors stay longer, click more and remember you.

Book a callLearn them by name

the cheat sheet

Know them by name

Every piece has a name. Learn the six families, find the name, and ask for it. Click any name to play with it.

Hand-drawn map: 20 motion pieces in six families, Footers, Navigation, Galleries, Games, Cursor and Details
Hand-drawn three steps: 1 pick a name, 2 we rebrand it, 3 live on your site

Then just say the name

  1. 1. Pick a name from the cheat sheet.
  2. 2. We rebrand it with your colors, fonts, logo and mascot.
  3. 3. It goes live on your site, fast on phones.
Try saying: “Add the Bloom footer and the Hop nav to my site.”

Play with them

Filter by type. Open any piece full screen with the arrow.

Morph menu

02 · Navigation

Morph menu

One glass panel reshapes for every item, the big-SaaS nav feel.

Try it: Hover the menu items.

Holo sticker

03 · Detail

Holo sticker

A collectible badge for a launch, award or offer.

Try it: Tilt it with your cursor, drag the corner.

Cursor buddy

05 · Cursor

Cursor buddy

Your mascot follows the visitor around the hero.

Try it: Move, rest, click.

Liquid dock

06 · Navigation

Liquid dock

Navigation that feels like an app, not a website.

Try it: Glide along the dock.

Hop nav

07 · Navigation

Hop nav

A mascot rides the menu and hops to each page.

Try it: Click a tab.

Menu takeover

09 · Navigation

Menu takeover

A full-screen menu that turns the click into a moment.

Try it: Open the menu.

Loader reveal

10 · Detail

Loader reveal

The page load becomes a branded intro.

Try it: Tap the stage to run it again.

Jelly buttons

11 · Detail

Jelly buttons

Buttons people want to press. Built for clicks.

Try it: Press one, then grab and pull it.

404 run

12 · Game

404 run

A dead link becomes a game, so visitors stay.

Try it: Tap or press Space to jump.

Command bar

14 · Navigation

Command bar

Search that grows into a full command palette.

Try it: Click Search or press Ctrl+K.

Flap banner

15 · Navigation

Flap banner

A split-flap board for announcements and offers.

Try it: Hover the menu, click the notice bar.

Image trail

17 · Gallery

Image trail

A portfolio hero that leaves a trail of your work.

Try it: Move across the page.

Day night

19 · Detail

Day night

A dark mode toggle that changes the whole scene.

Try it: Flip the sun.

Bento glide

20 · Detail

Bento glide

A features grid where one glowing frame wakes each tile.

Try it: Move across the features.

How it works

1. Pick your pieces

Choose the footer, menu, gallery or game that fits your brand. Most sites use two or three.

2. We rebrand them

Your colors, fonts, logo and mascot. Your copy and links. Nothing looks like a template.

3. We ship them

Built into your site, fast on phones, and calm for visitors who turn motion off.

Built right

Respects reduced motion

Visitors who turn animation off get a clean, still version. No one gets dizzy.

Pauses off screen

Animations stop when they scroll away, so the page stays fast and the battery stays full.

No heavy plugins

Plain code dropped into your site, not a page builder add-on that slows everything down.

Works on any build

Next.js, WordPress or a plain HTML site. We fit it to what you run.

Add motion to my site

Want your site to feel this good?

Book a call. We will pick the pieces that fit your brand and show you a mockup on your own site.

Book a call