Starter
For a handful of client sites.
Billed once. Yours forever.
$39/yr
Billed yearly.
Native Divi 5 Module
Divi Flip Card
Reveal extra content with an interactive flip.
Ask AI about the Divi Flip Card module
Why use the Divi Flip Card module?
A card can only say one thing at a time. The Divi Flip Card module gives the same square two sides, so the short version and the full version share one spot on the page.
That card is the live module. Hover it, or tab to it, and it turns over.
Hover this card
TRY IT
Hover this card
TRY IT
That is the whole idea. One square, two faces, and a turn between them. Every card further down this page is the same module with different settings.
What you get out of it
Two messages, one spaceA headline that pulls people in, and the detail behind it, without a second section.Ten animations, not oneFlip, diagonal, slide, push, fade, zoom in, zoom out, rotate 3D, open up and shake.Both faces are yoursIcon or image, title, subtitle and description on the front and on the back.In the free plugin and in ProThe same module ships in Divi Torque Lite and Divi Torque Pro. Native on the Divi 5 engine, not a Divi 4 shim.
Everything the Divi Flip Card module does
Every option below ships in the free plugin, and in Divi Torque Pro.
Ten animation types, from flip to rotate 3DFour directions for flip, slide and pushOptional 3D depth on the flip animationRotate 3D runs vertically or horizontallyIcon, image, or no media on either faceTitle, subtitle and description per faceOptional button on the back faceColor, gradient or image background per faceIcon color, size, background and radiusCard radius and box shadowAnimation duration from 0 to 3000msCard height set per breakpointHorizontal and vertical alignment per faceSeparate padding for each face and its contentCards are focusable, so they turn on keyboard focus
See the Divi Flip Card in action
Every card below is the live module, not a picture of one. Hover any card, or tab to it, and it turns over.
Two faces, one footprint
LAYOUT
Two faces, one footprint
LAYOUT
The front carries the hook. The back carries the detail. Both sit in the same square, so the long version never costs you a second section.
Every layer is yours
DESIGN
Every layer is yours
DESIGN
Set a color, a gradient, or a photograph on each face on its own. The front and the back never have to look like the same card.
Ten animations, the first five
Flip, diagonal, rotate 3D, open up and push. Every card here is the same module with one setting changed.
Flip
01
Turns on its own axis.
Flip
01
The card turns on its axis like a page. Switch on 3D depth and the turn gains real perspective.
Diagonal
02
Sweeps in from a corner.
Diagonal
02
The back face sweeps in from a corner. Choose the left corner or the right one.
Rotate 3D
03
Turns like a display cube.
Rotate 3D
03
The card turns like a display cube, vertically or horizontally, with your own color on the flank.
Open Up
04
The front lifts like a lid.
Open Up
04
The front lifts away like a lid, and the back is already waiting underneath it.
Push
05
Pushes the front aside.
Push
05
The back face pushes the front out of the frame. It can arrive from any of the four edges.
Ten animations, the last five
Slide, fade, zoom in, zoom out and shake. That is the full set of ten.
Fade
07
Dissolves into the back.
Fade
07
The front dissolves into the back. The quietest of the ten, and the safest on a busy page.
Zoom In
08
Grows from the middle.
Zoom In
08
The back face grows out of the middle of the card until it fills the frame.
Zoom Out
09
Shrinks toward the middle.
Zoom Out
09
The front shrinks away toward the middle and leaves the back standing behind it.
Shake
10
Shakes once, then settles.
Shake
10
The card shakes once, then settles on the back face. Worth using sparingly.
Product Designer
DESIGN TEAM
Product Designer
DESIGN TEAM
Team pages are the classic use. The photograph earns the attention, and the biography arrives without sending anyone to a second page.
Lead Engineer
PLATFORM
Lead Engineer
PLATFORM
Every field on the back is separate from the front, so a long biography never stretches the card out of line with its neighbours.
Support Lead
CUSTOMER TEAM
Support Lead
CUSTOMER TEAM
Cards hold one fixed height, so a row of profiles stays even no matter how much text sits on the back of each one.
Menu and product cards
A photograph does the selling. The detail waits on the back, in the same square.
Icon cards that end in a button
The back face can carry a call to action. These fronts use an icon chip, built from the icon background and radius settings.
Icon, image, or nothing
MEDIA
Each face takes its own media setting.
Icon, image, or nothing
MEDIA
Give the icon its own color, size, background and radius, and you get a chip like the one on the front of this card.
Set the pace
TIMING
Every card decides how fast it turns.
Set the pace
TIMING
Animation duration runs from 0 to 3000 milliseconds. Slow it down for a hero card, speed it up for a dense grid.
Reachable by keyboard
ACCESS
Not a mouse-only trick.
Reachable by keyboard
ACCESS
The card is focusable, so it turns on keyboard focus as well as on hover. Nothing on the back is out of reach.
One card, four directions
The same flip animation with the direction setting changed. Slide and push take the same four edges.
Flip Up
UP
Flip Up
UP
The card turns away over its top edge.
Flip Right
RIGHT
Flip Right
RIGHT
The card turns away over its right edge.
Flip Down
DOWN
Flip Down
DOWN
The card turns away over its bottom edge.
Flip Left
LEFT
Flip Left
LEFT
The card turns away over its left edge.
Simple, honest pricing
Every plan unlocks all 98 Divi modules on unlimited websites. One licence covers every site you build.
4.7★ from 116 reviews on WordPress.org
Unlimited
Every site you will ever build.
Billed once. Yours forever.
$79/yr
Billed yearly.
Divi Torque+ AI
Everything in Unlimited, plus a second plugin: Saddle Pro, so AI agents can build your site.
Billed once. Yours forever.
$99/yr
Billed yearly.
- 30-day money-back guarantee
- Lifetime honored forever, in writing
- Secure checkout