Tomoki Shimomura

Flip Box Block is a block plugin for the WordPress block editor that allows you to freely place blocks in front and behind.
<a href="https://flip-box-block.shimomuratomoki.com/" rel="nofollow ugc">Official website</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4tb2vQKirt0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://github.com/shimotmk/flipbox-block" rel="nofollow ugc">The source code of this plugin is below.</a>

Flip Box Block

Flip Box Block is a block plugin for the WordPress block editor that allows you to freely place blocks in front and behind.

biplob018

Oxilab

WPKIN

Richard

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.
🎬 <a href="https://demos.oxilab.dev/flipbox/template/" rel="nofollow ugc">Live Demos</a> | ⭐ <a href="https://oxilab.dev/flipbox/pricing/" rel="nofollow ugc">Upgrade to Pro</a> | 📖 <a href="https://oxilab.dev/docs/flipbox/" rel="nofollow ugc">Documentation</a> | 🆘 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/#new-post" rel="ugc">Support</a>
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.
<h3>🚀 Key Features</h3>
<ul>
<li>🎨 29 unique flip box styles — from clean minimal cards to bold image overlay designs</li>
<li>🔄 4 flip directions — left-to-right, right-to-left, top-to-bottom, bottom-to-top</li>
<li>✨ 3 smooth easing effects — choose the transition feel that fits your design</li>
<li>🎞️ 50+ scroll entry animations — bounce, fade, zoom, slide, rotate, and more (powered by Animate.css)</li>
<li>🖼️ Full front & back customization — icon, image, heading, description, and CTA button on each side</li>
<li>🎨 Complete color control — background, text, icon, border, button, and hover states for both sides</li>
<li>🔤 Google Fonts support — choose any Google Font for headings, descriptions, and buttons</li>
<li>📐 Typography control — font size, weight, style, alignment, and padding per element</li>
<li>💫 Box shadow — color, blur, spread, and offset controls</li>
<li>🧱 Responsive grid — set 1 to 12 columns for any screen</li>
<li>⚡ Animation speed control — set duration per flip box in seconds</li>
<li>🔗 CTA button with link — add a button with URL on the back side of each item</li>
<li>🏷️ Font Awesome icons — use any Font Awesome icon on the front side</li>
<li>🛠️ Custom CSS per style — add your own CSS for pixel-perfect control</li>
<li>🧩 Elementor & WPBakery — native widget and shortcode integration</li>
<li>📋 Shortcode support — embed anywhere with <code>[oxilab_flip_box id="1"]</code></li>
<li>♿ Accessibility — proper alt text support for all images</li>
<li>📦 Import/Export — JSON-based template import and export</li>
</ul>
<h3>✨ Free Version Features</h3>
The free version is genuinely capable. Here is everything included at no cost:
<ul>
<li>✅ 10 flip box styles (Style 1–10)</li>
<li>✅ 4 flip directions (left, right, top, bottom)</li>
<li>✅ 3 easing transition effects</li>
<li>✅ 50+ scroll entry animations</li>
<li>✅ Front side: image, Font Awesome icon, title/heading</li>
<li>✅ Back side: description, CTA button, background image, link</li>
<li>✅ Full color control (background, text, icon, border, button, hover)</li>
<li>✅ Google Fonts for headings, descriptions, and buttons</li>
<li>✅ Typography controls (size, weight, style, alignment, padding)</li>
<li>✅ Box shadow settings (color, blur, spread, offset)</li>
<li>✅ Responsive column grid (1–12 columns)</li>
<li>✅ Animation speed control</li>
<li>✅ Custom CSS editor per style</li>
<li>✅ Shortcode-based — works in any post, page, or widget</li>
<li>✅ Elementor native widget</li>
<li>✅ WPBakery Visual Composer integration</li>
<li>✅ WordPress sidebar widget support</li>
<li>✅ Works via shortcode in Gutenberg, Divi, Beaver Builder, and any other builder</li>
<li>✅ JSON template import and export</li>
<li>✅ User role-based access control</li>
<li>✅ SEO-friendly HTML with alt tag support</li>
</ul>
<h3>🔥 Pro Version Features</h3>
Pro unlocks full creative control and priority support:
<ul>
<li>🔓 19 additional flip box styles (Style 11–29) — unlock the full design library</li>
<li>🔓 Unlimited flip items per shortcode</li>
<li>🎨 Advanced color pickers — fine-tune every color on both sides per item</li>
<li>🔤 Per-element font control — independent Google Font for heading, description, and button</li>
<li>✏️ Custom font sizes — separate size controls for every text element</li>
<li>🖼️ Border and radius control — fine-tune border width, style, and border radius</li>
<li>🔗 Per-item link settings — open links in a new tab on a per-item basis</li>
<li>📹 Video tutorials for every feature</li>
<li>🎧 Priority support with fast response times</li>
</ul>
👉 <a href="https://oxilab.dev/flipbox/pricing/" rel="nofollow ugc">See All Free vs Pro Features</a>
<h3>🎯 Perfect For</h3>
<ul>
<li>👥 Team pages — show a photo and name on the front, bio and social links on the back</li>
<li>🛍️ eCommerce — display product image on the front, key features and buy button on the back</li>
<li>🏢 Services sections — icon and service name on the front, full description and CTA on the back</li>
<li>🎨 Portfolios and agencies — present project thumbnails with a stylish flip reveal</li>
<li>📸 Photographers — gallery images on the front, captions and links on the back</li>
<li>🏠 Landing pages — interactive flip cards draw attention to key content sections</li>
<li>📰 Blogs and magazines — make article feature cards more engaging with hover animations</li>
</ul>
<h3>📈 Why Use This Plugin</h3>
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:
<ul>
<li>📦 29 styles, all included — no packs, no bundles, all styles available from day one</li>
<li>🖱️ No coding required — every setting is in the visual admin panel</li>
<li>⚡ Lightweight — pure CSS3 output, no heavy JavaScript libraries</li>
<li>🧩 Page builder ready — native Elementor widget, WPBakery integration, and shortcode for everything else</li>
<li>🔒 Actively maintained — PHP 8 compatible, regularly updated, security hardened</li>
<li>👨‍💻 Developer-friendly — custom CSS support, PSR-4 namespacing, clean codebase</li>
</ul>

Flipbox – Awesome Flip Boxes & Image Overlay for WordPress

Create stunning CSS3 flip boxes in WordPress. 29 styles, 50+ animations, no coding. Works with any page builder (Elementor, WPBakery, Gutenberg, etc).

Flip Box Block vs Flipbox – Awesome Flip Boxes & Image Overlay for WordPress