DiviGrid · Tilt Image Card for Divi 5

Tilt Image Card: cards that lean toward you

A photo or icon card that tilts in 3D under the mouse, with a light glare, text that floats above the card and content that slides in on hover.

Move the mouse over the cards.

Glare

A soft light sweeps over the card

3D text

The text floats above the photo

On hover

The text slides in when you point at it

Use case 01 · Bakeries & pâtisseries

Maison Pistache

Twelve flavours, baked every morning on Rue Sainte. Point at a box to taste it.

Le Coffret

12 macarons · €24

Rose & Litchi

Spring only · €2.20

Les Classiques

Six flavours · €12

Noir Cacao

Dark chocolate · €2.20

Arch-shaped cards · glare 45% · 3D text 50px · photo as the module background

Use case 02 · Tours & experiences

Float over the valley at sunrise

Skylark Balloons flies from April to October. Hover a flight to see the price and book it.

Content on hover · slides up from the bottom · 10° tilt

Sunrise flight

1 hour · from £189 · breakfast after landing

Private basket

Two guests · from £520

Festival weekend

Fly with 40 balloons · £240

Gift voucher

Valid for two years · from £189

Use case 03 · Aquariums & events

Deep Blue Late

Fridays after dark: music, drinks and 4,000 jellyfish. Each tank tilts the other way, like water.

Sea Nettle

Tank 1 · Pacific

Blue Blubber

Tank 4 · Coral Sea

Golden Drift

Tank 6 · Atlantic

Moon Jelly

Tank 9 · Everywhere

Reverse tilt · slow speed 900 ms · outlined titles with the stroke setting · capsule cards

Use case 04 · Plant shops

The Glasshouse

Rare orchids and ferns, grown in a Victorian greenhouse and sent out in paper pots.

Tilt on one axis only (X) · 3D text 40px · square corners

Moth Orchid

Phalaenopsis · 50 cm
£34

Ember Orchid

Oncidium · 40 cm
£42

Blue Vanda

Hanging basket
£58

Sword Fern

Easy care · 60 cm
£22

Use case 05 · Electronics shops

Loud & Clear Audio

Speakers built in a small workshop, tuned by ear. Strong glare and a slight zoom make the cards feel like product shots.

Driver One

Bookshelf · £340

Orb

Desktop · £220

Twin Towers

Floor pair · £890

Plug in, play

No app, no account. Power and a cable.

Repair for life

Every part can be replaced in our workshop.

Recycled cases

Made from old ash floorboards.

Photo cards and icon cards · glare 60% · scale 1.04 on hover · 20° tilt

Use case 06 · Rentals

Vespa, piano piano

Scooters by the day from a garage in Trastevere. Helmets, a paper map and a list of the best coffee are included.

Full-page listening: all four cards follow the mouse anywhere on the page

Primavera

Half day €35 · day €55

Bianca

Day €55

Rosso

Day €60

For two: the Bonnie

Licence needed · day €90

Use case 07 · Apps & SaaS

Everything Pocketbook does

A budgeting app in six cards. Icon cards with a light glass look and 3D text.

Bank sync

Connects to 2,400 banks in a minute.

Spending map

See where every pound went this month.

Bill alerts

A nudge three days before each bill.

Savings pots

Round up and save the change.

Shared budgets

Plan with a partner or flatmates.

Bank-level security

Read-only access, 256-bit encryption.

Icon cards · icon box from the image settings · glass background · 3D text 60px

Use case 08 · Schools & classes

NORTH STREET MUSIC SCHOOL

Lessons for every age, from first scales to grade 8. Hover an instrument to see the term times.

Content on hover from the left · low perspective 600 · square cards

Violin

Ages 6+ · Mon & Wed

Brass

Ages 9+ · Tuesdays

Double bass

Ages 12+ · Thursdays

Youth orchestra

Saturdays · 10:00

Use case 09 · Parks & wildlife

Meet the residents

Kestrel Point Bird Sanctuary cares for 300 birds. Round cards with a big 25° tilt and text that floats 90px above the photo.

Pip

Rainbow lorikeet · age 4

Coral

Flamingo · age 19

Kaka

Red-crowned parakeet

Bonnie & Clyde

Lovebirds · inseparable

Round cards · 25° tilt · perspective 700 · 3D text 90px

Use case 10 · Repair & craft

Hartley & Sons, Clockmakers

Repairs and servicing since 1931. A slow 1.2 s tilt with glare, like light on old glass.

I
Wall clocks

Cleaning, new movements, dial repair

II
Station clocks

Outdoor and tower clocks

III
Pocket watches

Service from £95

IV
Mantel & alarm

Collected from your home

Tilt Image Card Demo

Meet Our Experienced Team

Merry Luis

Designer

David Hanson

Developer

Nancy Willson

Marketing

Our Recent Work

Project - 01

Project - 02

Project - 03

Best Food

Praesent dapibus, neque id cursus faucibus tortor neque egestas augue eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor.

Cheese Burger

Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.

Backed Pizza

Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.

Spaghetti

Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.

Our Recent Wedding Planning Photography

Services We Provide

Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

Digital Marketing

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Web Design

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

UI/UX Design

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Hotel & Resort

Enjoy a Luxury Experience

Luxury Resort

Apartment

What Our Clients Say About Us

Jeniffer Smith

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam gravida non commodo.

David Miller

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam gravida non commodo.

We Create Your Dream Brand

Project - 01

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Project - 02

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Project - 03

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Every card above is one module

Tilt Image Card comes with DiviGrid, together with all our other Divi modules.