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.
