Flip Cards Mode

Plan: Enterprise only
Best for: Feature showcases, before/after, interactive Q&A, product specifications

What It Does

Each H2 heading creates an interactive card with front and back sides. On desktop, cards flip on hover. On mobile, cards flip on tap. The front shows the heading, the back reveals the full content.

Key Settings

Flip Direction — horizontal or vertical flip
Flip Speed — animation duration
Front Background — front side color/style
Back Background — back side color/style
Card Height — fixed card height
Card Border Radius — rounded corners
Columns — 2, 3, or 4 cards per row

Creative Use Cases

Feature Reveal: Front shows feature name + icon, back shows detailed description
FAQ Cards: Front shows the question, back shows the answer
Before/After: Front shows "before", back shows "after"
Ingredient Spotlight: Front shows ingredient name, back shows benefits

Tips

Keep front side content minimal — just the heading and maybe an icon
Put detailed content on the back side
Use 4–8 sections for a balanced card grid
Horizontal flip is more common; vertical flip adds novelty
On mobile, a tap indicator helps users know cards are interactive
Works beautifully with the Neon or Glass style presets

Example

  ┌─────────┐  flip  ┌─────────────┐
  │         │  →→→   │ Premium     │
  │  ★      │        │ Italian     │
  │ Premium │        │ leather     │
  │ Leather │        │ sourced     │
  │         │        │ from...     │
  └─────────┘        └─────────────┘
   (front)             (back)