Divi Info Circle
Put your story in orbit.
DG Info Circle is a Divi 5 module that puts related items on a ring of icons, with one idea in the centre. It turns by itself, reacts to hover or click, and brings each panel in with one of 28 transitions. Hover the ring below, then scroll through ten ways real businesses use it.
28 transitions
Ink, iris, curtain, door, flip, light-speed… every answer can arrive its own way.
Turns by itself
Autoplay walks through the items and can rotate the whole ring.
Hover or click
Open items on hover for a playful page, or on click for a calm one.
Photos as icons
Use people, products or places instead of icons around the ring.
11 active effects
Pulse, ripple, glow, orbit, halo, heartbeat… the open item stands out.
Stacks on phones
Per screen size it can switch to a clean list with every answer shown.
Live examples
Explore 15 Divi info circle examples
Hover or click the icons on each ring. Every example is one DG Info Circle module, from SaaS features and agency processes to menus and training plans.
Open-plan living
Seven-metre glass wall onto the terrace, oak floors and a double-height ceiling.
Chef’s kitchen
Marble island, two ovens and a walk-in pantry behind a hidden door.
Master suite
Sea views from the bed, a dressing room and a private balcony.
Spa bathroom
Freestanding stone bath, rain shower and heated limestone floors.
Infinity pool
Fourteen metres, heated all year, with a sunken lounge at the edge.
Private garden
Olive trees, a herb garden and an outdoor kitchen for long summer dinners.
USE CASE 01 · LUXURY REAL ESTATE
Villa Serena, room by room
A listing that feels like a private viewing. Gold outline icons sit on a thin ring, and each room opens with a slow circular iris reveal in the centre.
Open: on hover · Transition: Iris · Active: Halo ring · Icons: gold outline on black
USE CASE 02 · BANKS, ADVISORS & INSURANCE
Every service, one trusted circle
Clients choose what they need with a click, read the short summary in the middle and go straight to the right advisor. Calm, precise, nothing that moves by itself.
Open: on click · Transition: Flip Vertical · Active: Spinning Ring · Labels: above the icons
Savings
Flexible and fixed-term accounts with rates that beat inflation.
Investing
Managed portfolios built around your goals and your appetite for risk.
Mortgages
A decision in principle within 24 hours, with one advisor from offer to keys.
Retirement
Pension planning that shows exactly what you will live on, year by year.
Insurance
Home, life and income cover reviewed once a year, at no extra cost.
Private advice
A named advisor who knows your family, your business and your plans.
USE CASE 03 · COFFEE ROASTERS & CRAFT MAKERS
From bean to cup
The circle tells the story on its own: it walks through each step every four seconds, with a progress line running around the ring. Hover to stop and read.
Autoplay: 4 s per step, progress ring · Ring: fixed · Active: Orbit dot · Transition: Drop In
1 · The farm
Small family farms in the Huila highlands, paid well above fair-trade prices.
2 · Hand harvest
Only the ripe red cherries are picked, one pass of the trees at a time.
3 · Sun drying
Three weeks on raised beds, turned by hand for an even, sweet cup.
4 · Small-batch roast
Twelve kilos at a time, every Tuesday and Friday, here in our roastery.
5 · Ground to order
Tell us your brewer and we grind for it the morning your bag ships.
6 · Your cup
Notes of red apple, caramel and cocoa. Best within four weeks of roasting.
The venue
Hilltops, gardens or a quiet chapel: we visit every option with you.
Flowers & styling
Seasonal bouquets, table design and an arch that matches your colours.
Photography
Our photographers know every golden-hour spot at the venues we work with.
Dinner & cake
Tasting evenings with three caterers, so the menu feels like you.
Music & first dance
A string trio for the ceremony and a band or DJ until the last song.
On the day
Two coordinators run the timeline, so you only have to be there.
USE CASE 04 · WEDDING & EVENT PLANNERS
Everything for the day, in one circle
Photos instead of icons make a service list feel personal. Hover a moment and its story softly blurs into focus in the centre.
Icons: wedding photos · Transition: Blur Zoom · Active: Soft Glow · Phones: stays a circle
USE CASE 05 · GAMES, ESPORTS & STREAMERS
Choose your class
A character select screen in one module: the ring keeps turning, the active class wobbles in neon, and every pick snaps into the centre with an elastic bounce.
Autoplay: ring keeps turning · Active: Wobble · Transition: Elastic In · Labels below the icons
Tank
Holds the line and soaks up damage so the team can push.
Striker
Fast, loud and first through the door. High risk, high reward.
Mage
Area control and burst damage from a safe distance.
Sniper
Patient, precise and deadly across the whole map.
Healer
Keeps everyone standing and turns lost fights around.
Rogue
Invisible flanks, quick picks and gone before anyone turns.
USE CASE 06 · SAAS & PRODUCT FEATURES
Six features, one glance
Instead of a long feature grid, put every feature around one ring. Visitors hover what they care about; the rest stays quiet. Gradient icons and a soft ring keep it light and modern.
Open: on hover · Transition: Rise Up · Active: Ripple · Ring: solid, soft gradient
Real-time sync
Every change appears on every device in under a second.
Smart reports
Weekly insights written in plain language, not charts only.
Bank-level security
Encryption at rest and in transit, SSO and audit logs.
Automations
Turn repeated steps into one-click workflows.
200+ integrations
Slack, Stripe, HubSpot, Notion and everything in between.
Human support
Real people, seven days a week, in under an hour.
USE CASE 07 · AGENCIES & PROCESSES
From first call to launch, in one circle
A process is a loop, so show it as one. Each step has a short label on the ring, opens on click, and the ring walks through the steps by itself when nobody is touching it.
Open: on click · Labels: below the icons · Autoplay: turns back and forth · Transition: Flip
01 · Discover
A workshop to learn your goals, audience and numbers.
02 · Strategy
A clear plan: pages, content, priorities and timeline.
03 · Design
Look and feel, tested with real users before we build.
04 · Build
Fast, accessible pages you can edit yourself in Divi.
05 · Launch
Redirects, SEO checks and a calm go-live day.
06 · Grow
Monthly reports and improvements that move the numbers.
Priya Mehta
Head of Growth · 8 years in the craft
Daniel Reyes
Founder & CEO · 8 years in the craft
Sara Klein
Brand Lead · 8 years in the craft
Aiko Tanaka
Engineering · 8 years in the craft
Lena Fischer
UX Research · 8 years in the craft
Marcus Lee
Product · 8 years in the craft
Mia Costa
Customer Success · 8 years in the craft
Noah Becker
Design Ops · 8 years in the craft
USE CASE 08 · TEAM & ABOUT PAGES
The people behind the work
Faces instead of icons. Hover a person and their photo, role and a link to their profile take the centre. Eight people fit around one ring without feeling crowded.
Icons: photos (avatars) · Panel: photo + text + button · Active: Halo · Transition: Iris
USE CASE 09 · PRODUCTS & INGREDIENTS
What is inside the bottle
Ingredients orbit the product. Each one opens with a calm zoom and a short, honest line about what it does. A beautiful way to explain a formula without a wall of text.
Panel: product photo above the text · Active: Glow · Transition: Zoom In
Green tea
Calms redness and fights the day's pollution.
Hyaluronic acid
Holds up to 1,000× its weight in water.
Vitamin C
Brightens dull skin in about four weeks.
Niacinamide
Refines pores and evens out skin tone.
Squalane
Light, plant-based moisture with no shine.
USE CASE 10 · RESTAURANTS & CAFÉS
Tonight's menu, served in a circle
Dish photos around the plate, the chosen dish in the middle with its price and an Order button. The ring slowly turns, like a lazy Susan.
Wood-fired Margherita
San Marzano, fior di latte, basil · $16
Truffle tagliatelle
Fresh pasta, butter, Umbrian truffle · $21
Club sandwich
Sourdough, slow-roast chicken · $13
Market salad
Whatever the farm sent today · $12
Penne arrabbiata
Chilli, garlic, pecorino · $15
Flat white
Single-origin, oat milk free · $4
Icons: dish photos · Autoplay: turns counter-clockwise · Active: Scale Up · Transition: Drop In
Lighting
23 lights, 4 scenes. Living room dimmed to 40%.
Security
Front door locked · 2 cameras recording.
Climate
Inside 21.5 °C · heating off until 18:00.
Energy
Solar today: 14.2 kWh · battery 86%.
Wi-Fi
31 devices online · guest network on.
Music
Kitchen speaker · “Morning Jazz”.
Garden
Sprinklers at 06:00 for 12 minutes.
USE CASE 11 · SMART HOME & IOT
One home, every device
Lights, locks, heating and cameras around one hub. Each device opens with a soft blur, and a ripple shows which one is talking. It reads like the app itself.
Active: Ripple · Transition: Blur In · Ring: double ring with glow
USE CASE 12 · CLINICS & HEALTHCARE
Care, all under one roof
A calm, clean circle for medical services: soft blue, rounded icons, and answers that open gently on hover. Patients see every service at once without a long list.
Active: Heartbeat · Transition: Fade · Ring: thin solid, light fill
Family medicine
Same-week appointments for every age.
Cardiology
ECG, ultrasound and follow-up in one visit.
Dental care
Check-ups, hygiene and gentle whitening.
Laboratory
Blood tests with results in 24 hours.
Physiotherapy
Back, sport and post-surgery recovery.
Online visits
See a doctor from home, 7 days a week.
USE CASE 13 · TRAVEL & TOURISM
Pick a place. Open the door.
Destinations around the ring; the chosen one opens like a door, with its photo, a line about the trip and a booking button.
Maldives
8 days in an overwater villa · from $2,450
Pacific forests
6 days of cabins and trails · from $1,190
Tea highlands
7 days by train · from $1,380
Sunset coast
5 days of beach and reef · from $980
Island lagoon
9 days of sailing · from $2,100
Icons: destination photos · Panel: photo + text + button · Active: Orbit · Transition: Door Open
USE CASE 14 · COURSES & CURRICULUMS
A course map students understand
Five modules around the ring, numbered in order. On tablets and phones the same module switches to the Stacked layout: every module with its description, one under another, so nothing is hidden behind a hover.
Labels: Module 1–5 above the icons · Phones: Stacked layout · Active: Bounce · Transition: Slide Left
USE CASE 15 · GYMS & TRAINING PLANS
Your training week, at a glance
Seven days around the ring, Monday at the top. Each day opens with a light-speed slide; a heartbeat marks the day you are on.
Monday · Strength
Squat, bench, row · 5 × 5 · 60 min
Tuesday · Intervals
10 × 400 m with 90 s rest · 45 min
Wednesday · Mobility
Yoga flow and foam rolling · 40 min
Thursday · Strength
Deadlift, press, pull-ups · 60 min
Friday · HIIT
20 s on / 10 s off · 8 rounds · 30 min
Saturday · Long run
Easy pace, 10–14 km · 75 min
Sunday · Rest
Walk, stretch, sleep 8 hours.
Items: 7 days · Autoplay: on, ring fixed · Active: Heartbeat · Transition: Light Speed