DG OFF CANVAS · DIVI 5 & DIVI 4
Divi Off Canvas Menu and Slide-In Panels
Keep the page clean and put the extras one click away: a menu, a cart, a booking form or a team bio that opens from any side with one of 14 animations. Fifteen live demos below, every one built with the Off Canvas module.
4
sides
14
animations
13
easing curves
5
trigger types
01 Noir Atelier
Full-screen fashion menu
LEFT · LIQUID WAVE · FULL WIDTH · ICON + TEXT
NOIR ATELIER
NOIR
The quiet collection — Autumn / Winter 26
SCROLL
Paris · Milan · Tokyo
02 Maison Ellery
Booking form for an interior studio
RIGHT · BLUR IN · 480 PX · TEXT AS BUTTON
Maison Ellery
Book a call
MAISON ELLERY
Book a free consultation
Tell us about your room. We reply within one working day with a time for a 30-minute call.
Rooms that feel
like you.
Interior design for homes in London and the South Coast, from one room to the whole house.
Living rooms · Kitchens · Bedrooms · Studies
03 Lumière
Side cart for a jewellery shop
RIGHT · FLIP · 420 PX · ICON + TEXT
LUMIÈRE
Bag (2)
Your bag · 2 items
Gold hoops
18k gold vermeil · One size
£180
Pearl pendant
Freshwater pearl · 45 cm chain
£240
Subtotal
£420
Free insured delivery and gift wrapping.
FINE JEWELLERY · MADE IN LONDON
Made slowly,
worn for years.
Recycled gold and ethically sourced stones, finished by hand in our Hatton Garden studio.
Rings · Necklaces · Earrings · Gifts
04 Pulse
Opening hours for a gym
BOTTOM · HALFTONE DOTS · 380 PX · TEXT
PULSE
HOURS ↑
PULSE STUDIO
OPEN 7 DAYS.
NO EXCUSES.
Opening hours
Monday – Friday
06:00 – 22:00
Saturday
08:00 – 20:00
Sunday
09:00 – 18:00
TRAIN
LOUDER.
Strength, HIIT and mobility classes in central Manchester. First week free.
HIIT · STRENGTH · MOBILITY · BOXING
05 Ember & Oak
Food menu for a restaurant
RIGHT · WIPE · 540 PX · ICON + TEXT
Ember & Oak
WOOD-FIRED KITCHEN · SINCE 2011
Fire, flour and
a long table.
Open Wednesday to Sunday, 17:30 till late. 112 Market Row, Bristol.
Book a table · Private dining · Gift cards
06 Wander
Search panel for a travel site
TOP · VENETIAN BLINDS · 320 PX · ICON
wander.
Where to next?
Popular: Santorini · Banff · Victoria Falls · Grand Canyon
Slow travel,
well planned.
Small-group trips and self-guided routes, with local guides on every one.
Tap the search icon in the corner ↗
07 Atlas Architects
Team bios that open from each photo
LEFT · 3D ROTATE PAGE · 440 PX · IMAGE TRIGGER
ATLAS ARCHITECTS
(04) Studio — Oslo / Lisbon
THE PEOPLE BEHIND THE DRAWINGS
Architects, interior designers and makers working across two studios. Click anyone to read how they work.
Founding partner
Ingrid Halden
Leads our housing and civic work. Twenty years of projects across Oslo and Lisbon.
ingrid@atlas.example · Oslo / Lisbon
Associate director
Sana Aziz
Runs the interiors studio and every material library we build.
sana@atlas.example · Oslo / Lisbon
Senior architect
Tomas Nyberg
Timber and low-carbon structures; on site more than at his desk.
tomas@atlas.example · Oslo / Lisbon
Interior lead
Leonor Costa
Turns plans into rooms people want to live in. Lisbon studio.
leonor@atlas.example · Oslo / Lisbon
Ingrid Halden
Founding partner
Sana Aziz
Associate director
Tomas Nyberg
Senior architect
Leonor Costa
Interior lead
08 Bloom
Announcement bar for a seasonal offer
TOP · SLIDE · 280 PX · TEXT BAR
🌷 Spring weekend: free delivery — tap to see the offer
bloom & co.
Flowers that
say it for you.
Seasonal bouquets, hand-tied in our Brighton studio and delivered the same day.
Free delivery ends in
Countdown finished!
Bouquets · Plants · Weddings · Subscriptions
09 Harbor & Vale
Contact card that opens on hover
RIGHT · SKEW SLIDE · 400 PX · HOVER
Harbor & Vale
BUSINESS & PROPERTY LAW
Clear advice,
since 1998.
Commercial leases, disputes and company law for owner-managed businesses.
Offices in London and Bristol
10 Ledgerly
Feature comparison next to a pricing table
RIGHT · 3D CUBE · 560 PX · TEXT LINK
PRICING
Get paid without the chasing.
Starter
£12 / month
Team
£29 / month
Scale
£79 / month
Compare all features →
Compare plans
Invoices per month
Starter 50 · Team and Scale unlimited
Payment reminders
Starter manual · Team and Scale automatic
Currencies
Starter 1 · Team 12 · Scale 40
Team members
Starter 1 · Team 5 · Scale unlimited
Accountant access
Team 1 seat · Scale unlimited
Support
Starter email · Team priority · Scale dedicated manager
Every plan includes a 14-day trial. No card needed to start.
11 Solace
Ritual builder for a skincare shop
LEFT · REVEAL · 460 PX · TEXT AS BUTTON
solace
Build your ritual
YOUR EVENING RITUAL
Three steps to calm skin
1 · Cleanse
Oat milk cleanser, 150 ml · £24
2 · Treat
Niacinamide night serum, 30 ml · £32
3 · Seal
Rosehip face oil, 15 ml · £22
Free samples with every order.
CLEAN SKINCARE · MADE IN COPENHAGEN
Skin, simply
cared for.
Six products, no fragrance, nothing you cannot pronounce. Made in small batches and refilled, never thrown away.
Cleansers · Serums · Oils · Refills · Gift sets
12 Vanta
Tech specs for a product launch
RIGHT · RADAR SWEEP · 440 PX · TEXT AS BUTTON
VANTA
Tech specs +
VANTA ONE · TECH SPECS
Built for long sessions
Display
4K micro-OLED for each eye
Refresh rate
90 or 120 Hz
Weight
420 g with a balanced rear strap
Battery
Up to 3 hours, hot-swappable
Tracking
Inside-out, six cameras, hand tracking
£899
INTRODUCING VANTA ONE
See
further.
A mixed-reality headset light enough to forget you are wearing it.
4K per eye · 120 Hz · 420 g
Pre-orders ship in March
13 Northstar
Menu with case studies for an agency
LEFT · PUSH · 520 PX · ICON + TEXT
We build brands people remember.
Strategy, identity and websites for companies that are done looking like everyone else.
Branding · Websites · Campaigns
Est. 2014 · Amsterdam
14 Ever After
Date enquiry for a wedding photographer
RIGHT · FADE · 480 PX · TEXT AS BUTTON
Ever After
Check your date
ENQUIRE
Is your date still free?
Tell us a little about your day. We reply within 48 hours with availability and our 2027 guide.
WEDDING PHOTOGRAPHY · ITALY & FRANCE
Love stories,
told in light.
Quiet, honest photographs of the people you love, from the first look to the last dance. Now booking 2027.
Weddings · Elopements · Engagements
15 Aurelia
Reservation bar for a boutique hotel
TOP · LIQUID WAVE · 420 PX · TEXT AS BUTTON
AURELIA
Reserve
RESERVE YOUR STAY
Plan your stay
Book direct for the best rate, late check-out and a welcome bottle of local wine.
Where the sea
meets stillness.
A 32-room hotel above the Amalfi coast, with a saltwater pool and a kitchen led by local fishermen.
Suites · Spa · Restaurant · Weddings
PLAYGROUND · 14 ANIMATIONS
Fourteen ways to open a panel
Every card opens a real panel built with Divi modules: a menu, a cart, a booking form, a search, a lookbook and more. Find the motion that fits your site, then copy the settings shown on the card.
01 · FROM THE LEFT
Slide
The panel glides in over the page. Best for mobile menus.
0.7 s · Ease Out Expo
Play Slide →
02 · FROM THE RIGHT
Push
The panel pushes the whole page aside. Best for shopping carts.
0.8 s · Ease In Out Circ
Play Push →
PUSH · SHOPPING CART
Your cart · 2 items
Signet ring
Recycled silver · Size M
£120
Serum set
Three 15 ml bottles
£64
Subtotal
£184
Free delivery on orders over £50.
03 · FROM THE LEFT
Reveal
The page slides away to uncover the panel. Best for newsletter sign-ups.
0.9 s · Ease In Out Quint
Play Reveal →
REVEAL · NEWSLETTER
The Sunday letter
One short email a week: new work, a reading list and the odd studio secret.
No spam. Unsubscribe with one click.
04 · FROM THE RIGHT
Fade
The panel fades in where it sits. Best for announcements.
0.6 s · Ease In Out
Play Fade →
FADE · ANNOUNCEMENT
The autumn edit is here
Forty new pieces in wool, linen and leather, made in small runs.
05 · FROM THE RIGHT
Skew Slide
Slides in tilted and straightens as it lands. Best for promo offers.
0.9 s · Ease Out Expo
Play Skew Slide →
SKEW SLIDE · PROMO OFFER
20% off
Everything in the shop, this weekend only.
Use code WEEKEND20 at checkout
06 · FROM THE TOP
Blur In
Comes into focus over a frosted page. Best for site search.
0.8 s · Ease Out Cubic
Play Blur In →
BLUR IN · SEARCH
What are you looking for?
Popular: linen shirts · gift cards · delivery times · returns
07 · FROM THE LEFT
Wipe
Uncovered from its edge like a curtain. Best for lookbooks and galleries.
0.9 s · Ease In Out Quint
Play Wipe →
WIPE · LOOKBOOK
Lookbook — Autumn 26
08 · FROM THE RIGHT
Flip
Swings open from its outer edge like a door. Best for product quick view.
0.9 s · Ease Out Expo
Play Flip →
FLIP · QUICK VIEW
Leather loafer
£145
Hand-stitched calf leather with a cushioned insole. Sizes 38 to 45.
10 · FROM THE RIGHT
3D Cube
Page and panel turn like two faces of a cube. Best for shop filters.
1 s · Ease In Out Quint
Play 3D Cube →
3D CUBE · SHOP FILTERS
Filter products
Category
Dresses, knitwear, coats, shoes
Size
XS to XL, and shoe sizes 36 to 45
Colour
Black, camel, olive, ivory
Price
£20 to £400
11 · FROM THE LEFT
Liquid Wave
A curved front flows in from the edge. Best for booking forms.
1.1 s · Ease In Out Circ
Play Liquid Wave →
LIQUID WAVE · BOOKING
Book a table
Lunch and dinner, Tuesday to Sunday. We confirm by email within the hour.
12 · FROM THE BOTTOM
Halftone Dots
Printed dots grow and merge into the panel. Best for event tickets.
1.2 s · Ease In Out
Play Halftone Dots →
HALFTONE DOTS · EVENT TICKETS
Design Week Lisbon
12 to 14 June · talks, workshops and studio visits across the city.
Day pass
€60 · any one day
Full pass
€140 · all three days and the closing party
Student
€30 · with a valid student card
13 · FROM THE RIGHT
Radar Sweep
A beam turns from the edge and uncovers it. Best for notifications.
1 s · Ease In Out Circ
Play Radar Sweep →
RADAR SWEEP · NOTIFICATIONS
Notifications
4 new since this morning
New order #1042
£86.00 · 2 minutes ago
New review
“Arrived fast and fits perfectly.” · 1 hour ago
Low stock
Linen shirt, size M · 3 left
Payout sent
£1,240 to your bank · today
14 · FROM THE RIGHT
Venetian Blinds
Slats open across the panel. Best for help centres.
0.9 s · Ease In Out
Play Venetian Blinds →
VENETIAN BLINDS · HELP CENTRE
How can we help?
Orders and delivery
Track a parcel, change an address
Returns and refunds
Free returns within 30 days
Payments
Cards, PayPal and gift cards
Your account
Password, emails and saved items
Still stuck? We reply within one working day.
15 · FROM THE RIGHT
Hover trigger
Opens as soon as the pointer reaches it. Best for quick contact cards.
0.5 s · Ease Out Circ
Hover here ↗
Any side, any size
Left and right panels take a width, top and bottom panels take a height. Every animation above works from all four sides.
← Left · Docs navigation
→ Right · Live support
↑ Top · Announcement bar
↓ Bottom · Cookie notice