Flip Card Carousel Block
The Flip Card Carousel block combines the browse-one-at-a-time navigation of the Card Carousel with the reveal interaction of the Flip Card. Each card in the carousel has its own front and back, and learners flip each card individually to reveal the hidden side.
Use it when you have a set of related reveals: vocabulary with definitions, safety rules with explanations, common mistakes with details, or any pattern where each item benefits from a hidden explanation.
A new carousel starts with 2 cards. Add more or remove as needed. There is no hard limit on the number of cards.
Each card has a front and a back. Each side can include:
- Image - optional, with crop support
- Title - heading for that side
- Subtitle - optional secondary text
- Content items - nested text and image items
When a side contains only an image (no title, subtitle, or content items), the image renders edge-to-edge for a cleaner look.
Edit each side using the front/back tabs inside the card editor. Reorder cards using the move up/down buttons.
Flip settings
Section titled “Flip settings”Flip settings apply uniformly to every card in the block.
Direction
Section titled “Direction”- Horizontal (default) - cards flip left to right
- Vertical - cards flip top to bottom
Trigger
Section titled “Trigger”- Click (default) - learner clicks a card to flip it
- Hover - cards flip when the learner hovers over them
Aspect ratio
Section titled “Aspect ratio”| Ratio | Description |
|---|---|
| 4:3 | Standard proportion (default) |
| 1:1 | Square |
| 16:9 | Wide |
| Auto | Adjusts to fit the content |
Display settings
Section titled “Display settings”Cards per view
Section titled “Cards per view”Control how many cards are visible at once: 1 (default), 2, 3, or 4. One-at-a-time is the most common choice, as it matches the focused reveal pattern and gives each card room to breathe.
Navigation
Section titled “Navigation”- Arrows - show previous/next navigation arrows (on by default)
- Dots - show dot indicators below the carousel (on by default)
- Loop - wrap around to the beginning after the last card (on by default)
Autoplay
Section titled “Autoplay”Enable autoplay to automatically advance through cards. Set the interval to 3, 5 (default), 7, or 10 seconds. Note that autoplay advances carousel slides; it does not automatically flip cards.
Card style
Section titled “Card style”All cards in the carousel share the same style: Default, Outlined, Elevated, or Filled.
Learner experience
Section titled “Learner experience”The carousel opens on the first card, front side showing. Learners can navigate between cards using arrows, dots, swipe (on touch devices), or arrow keys. Each card flips independently based on the trigger setting.