') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); GitHub - EssentialBlocks/flipbox · GitHub
Skip to content
BranchesTags

Repository files navigation

=== Flipbox ===
Contributors: wpdevteam, re_enter_rupok, Asif2BD, rahat89, fencermonir, RahatSheikhLeon
Tags: block, blocks, flipbox, flip box, flipper, animated box, gutenberg, gutenberg blocks
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.4.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Deliver your content beautifully to grab attention with an animated Flipbox block.
== Description ==
**Flipbox** helps you to deliver content in a beautiful way that your readers can flip the boxes & see messages. Using this plugin, you can easily create flip boxes within Gutenberg & make your website interactive for visitors.
**Completely Customizable:** You can customize Flipbox just the way you want
**Super Light-weight:** No extra resources used and it's highly optimized for super fast loading & instant Live editing
**Dedicated Support:** We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.
## 🚀 BACKED BY A TRUSTED TEAM ##
This Block is brought to you by [WPDeveloper](https://wpdeveloper.com), the team behind the most popular elements library [Essential Addons for Elementor](https://wordpress.org/plugins/essential-addons-for-elementor-lite/) (used by almost 1 million+ happy users from 180+ countries).
## 👨‍💻 DOCUMENTATION AND SUPPORT ##
- For documentation and tutorials go to our [documentation](https://essential-blocks.com/docs/)
- To report issue and contribution visit [Github](https://github.com/EssentialBlocks/flipbox).
- If you have any more questions, visit our support on the [Plugin's Forum](https://wordpress.org/support/plugin/flipbox).
- For more information about features, FAQs and documentation, check out our website at [WPDeveloper](https://wpdeveloper.net/).
## 🙌 JOIN THE COMMUNITY ##
🎦 Subscribe to our [Youtube Channel](https://www.youtube.com/wpdevelopernet/?sub_confirmation=1) to watch video tutorials on WordPress.
🤝 Join our [Facebook Community](https://www.facebook.com/groups/wpdeveloper.net/) & get connected with expert web creators like yourself.
🧡 LOVED FLIPBOX? Rate us on [WordPress Repository](https://wordpress.org/support/plugin/flipbox/reviews/#new-post)
🔥 GET FREEBIES FOR YOUR WORDPRESS SITE
Consider checking out our other WordPress solutions & boost your WordPress website:
🔝 [Essential Addons For Elementor](https://wordpress.org/plugins/essential-addons-for-elementor-lite/): Most popular Elementor addons with 70+ widgets & ready blocks
☁ [Templately](https://wordpress.org/plugins/templately/): Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress
🔔 [NotificationX](https://wordpress.org/plugins/notificationx/): Best Social Proof & FOMO Marketing Solution to increase conversion rates
📚 [BetterDocs](https://wordpress.org/plugins/betterdocs/): Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.
⏰ [WP Scheduled Posts](https://wordpress.org/plugins/wp-scheduled-posts/): Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.
⭐ [ReviewX](https://wordpress.org/plugins/reviewx/): WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more
⚡ [Flexia](http://wordpress.org/plugins/flexia): Most lightweight, customizable & multi purpose theme for WordPress
== Installation ==
= Modern Way: =
1. Go to the WordPress Block/Gutenberg Editor
2. Search For "Flipbox".
3. Install in 1-click
= Old Way: =
1. Upload `flipbox` to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Follow the [Documentation](https://essential-blocks.com/docs/)
== Frequently Asked Questions ==
= Does it work with any WordPress theme? =
Yes, it will work with any standard WordPress theme.
== Screenshots ==
== Changelog ==
= 1.4.0 - 12/08/2026 =
* Fixed: PHP 8.0–8.5 compatibility issues
* Fixed: WordPress version detection
* Fixed: PHP 7.x compatibility
* Fixed: Asset loading issues on newer WordPress versions
* Improved: Asset loading and overall stability
* Tested up to WordPress 7.0.3
= 1.3.1 - 09/04/2024 =
* Fixed: compatibility support with wordpress 6.5 version
* Improved: controls
= 1.3.0 - 28/02/2024 =
* Improved: Line break options in Flipbox block
* Fixed: Flipbox block’s richtext invalid html tag issue
* Added: Flip on Click feature in Flipbox block
* Fixed: Flipbox flip issue fix
= 1.2.5 - 22/03/2023 =
* Improved: Font loader and controls
* Improved: Minor issues
= 1.2.4 - 28/11/2022 =
* Added: Text formatting option in Flipbox
= 1.2.3 - 12/09/2022 =
* Improved: Update controls and structure
= 1.2.2 - 03/08/2022 =
* Fixed: Minor CSS issues
* Improved: Converted style handler to PHP
= 1.2.1 - 31/05/2022 =
* Added: Animation, Responsive Controls & Custom CSS options
* Fixed: Zoom in effect overflow issue
* Improved: Controls and structure
= 1.2.0 - 09/02/2022 =
* Improved: Few Controls
* Improved: Default Design
* Added: Wrapper Alignment Options
= 1.1.0 - 11/07/2021 =
* Improved: Inspector Panel Design & controls
* Improved: Responsive Device Preview improved. Now the preview options synced with the wordpress's default preview button.
* Added: Fade style
* Fixed: Issue from [WordPres.org](https://wordpress.org/support/topic/flipbox-is-flickering/)
= 1.0.2 - 07/09/2020 =
* Added : Keywords
* Fixed : Missing css files
= 1.0.1 - 24/07/2020 =
* Improved : Typography controls
= 1.0.0 - 23/07/2020 =
* Initial Release
== Upgrade Notice ==

About

wordpress.org/plugins/flipbox/

Topics

gutenbergwordpress-plugin

Resources

Readme
Activity
Custom properties

Stars

3 stars

Watchers

5 watching

Forks

1 fork
Report repository

Releases

Contributors

Languages