plugin-icon

Flipbox – Awesome Flip Boxes & Image Overlay for WordPress

By Oxilab·
Create stunning CSS3 flip boxes in WordPress. 29 styles, 50+ animations, no coding. Works with any page builder (Elementor, WPBakery, Gutenberg, etc).
Ratings
4.6
Version
3.0.0
Active installations
10K
Last updated
Apr 15, 2026
Flipbox – Awesome Flip Boxes & Image Overlay for WordPress

Flipbox is the most complete flip box plugin for WordPress. Whether you want a slick team member card, a bold service showcase, or a product highlight with a call-to-action on the back — Flipbox gives you 29 professionally designed styles (10 free, 19 Pro), 4 flip directions, and 50+ scroll animations to make it happen.

✨ No coding. Pure CSS3. Smooth, responsive flip cards that work everywhere.

🎬 Live Demos | ⭐ Upgrade to Pro | 📖 Documentation | 🆘 Support

The idea behind a flip box is simple: show something on the front, reveal something more on the back. But how you execute that makes all the difference. Flipbox gives you total control over both sides — icons, images, headings, descriptions, buttons, colors, borders, shadows, and animation speed — all from a clean visual admin panel.

Every flip animation is built in pure CSS3, so your pages stay fast.

🚀 Key Features

  • 🎨 29 unique flip box styles — from clean minimal cards to bold image overlay designs
  • 🔄 4 flip directions — left-to-right, right-to-left, top-to-bottom, bottom-to-top
  • 3 smooth easing effects — choose the transition feel that fits your design
  • 🎞️ 50+ scroll entry animations — bounce, fade, zoom, slide, rotate, and more (powered by Animate.css)
  • 🖼️ Full front & back customization — icon, image, heading, description, and CTA button on each side
  • 🎨 Complete color control — background, text, icon, border, button, and hover states for both sides
  • 🔤 Google Fonts support — choose any Google Font for headings, descriptions, and buttons
  • 📐 Typography control — font size, weight, style, alignment, and padding per element
  • 💫 Box shadow — color, blur, spread, and offset controls
  • 🧱 Responsive grid — set 1 to 12 columns for any screen
  • Animation speed control — set duration per flip box in seconds
  • 🔗 CTA button with link — add a button with URL on the back side of each item
  • 🏷️ Font Awesome icons — use any Font Awesome icon on the front side
  • 🛠️ Custom CSS per style — add your own CSS for pixel-perfect control
  • 🧩 Elementor & WPBakery — native widget and shortcode integration
  • 📋 Shortcode support — embed anywhere with [oxilab_flip_box id="1"]
  • Accessibility — proper alt text support for all images
  • 📦 Import/Export — JSON-based template import and export

✨ Free Version Features

The free version is genuinely capable. Here is everything included at no cost:

  • ✅ 10 flip box styles (Style 1–10)
  • ✅ 4 flip directions (left, right, top, bottom)
  • ✅ 3 easing transition effects
  • ✅ 50+ scroll entry animations
  • ✅ Front side: image, Font Awesome icon, title/heading
  • ✅ Back side: description, CTA button, background image, link
  • ✅ Full color control (background, text, icon, border, button, hover)
  • ✅ Google Fonts for headings, descriptions, and buttons
  • ✅ Typography controls (size, weight, style, alignment, padding)
  • ✅ Box shadow settings (color, blur, spread, offset)
  • ✅ Responsive column grid (1–12 columns)
  • ✅ Animation speed control
  • ✅ Custom CSS editor per style
  • ✅ Shortcode-based — works in any post, page, or widget
  • ✅ Elementor native widget
  • ✅ WPBakery Visual Composer integration
  • ✅ WordPress sidebar widget support
  • ✅ Works via shortcode in Gutenberg, Divi, Beaver Builder, and any other builder
  • ✅ JSON template import and export
  • ✅ User role-based access control
  • ✅ SEO-friendly HTML with alt tag support

🔥 Pro Version Features

Pro unlocks full creative control and priority support:

  • 🔓 19 additional flip box styles (Style 11–29) — unlock the full design library
  • 🔓 Unlimited flip items per shortcode
  • 🎨 Advanced color pickers — fine-tune every color on both sides per item
  • 🔤 Per-element font control — independent Google Font for heading, description, and button
  • ✏️ Custom font sizes — separate size controls for every text element
  • 🖼️ Border and radius control — fine-tune border width, style, and border radius
  • 🔗 Per-item link settings — open links in a new tab on a per-item basis
  • 📹 Video tutorials for every feature
  • 🎧 Priority support with fast response times

👉 See All Free vs Pro Features

🎯 Perfect For

  • 👥 Team pages — show a photo and name on the front, bio and social links on the back
  • 🛍️ eCommerce — display product image on the front, key features and buy button on the back
  • 🏢 Services sections — icon and service name on the front, full description and CTA on the back
  • 🎨 Portfolios and agencies — present project thumbnails with a stylish flip reveal
  • 📸 Photographers — gallery images on the front, captions and links on the back
  • 🏠 Landing pages — interactive flip cards draw attention to key content sections
  • 📰 Blogs and magazines — make article feature cards more engaging with hover animations

📈 Why Use This Plugin

There are other flip box plugins out there, but Flipbox is the one that gives you real depth without requiring a developer.

Here is why thousands of users choose it:

  • 📦 29 styles, all included — no packs, no bundles, all styles available from day one
  • 🖱️ No coding required — every setting is in the visual admin panel
  • Lightweight — pure CSS3 output, no heavy JavaScript libraries
  • 🧩 Page builder ready — native Elementor widget, WPBakery integration, and shortcode for everything else
  • 🔒 Actively maintained — PHP 8 compatible, regularly updated, security hardened
  • 👨‍💻 Developer-friendly — custom CSS support, PSR-4 namespacing, clean codebase
Freeon paid plans
Tested up to
WordPress 6.9.4
This plugin is available for download for your site.