Title: Magnet Blocks – Block Collection for Modern Websites Author: Plugin Magnet Published: ޖޫން 23, 2024 Last modified: ޑިސެމްބަރ 8, 2025 --- Search plugins ![](https://ps.w.org/magnet-blocks/assets/banner-772x250.png?rev=3414630) ![](https://ps.w.org/magnet-blocks/assets/icon-256x256.png?rev=3414630) # Magnet Blocks – Block Collection for Modern Websites By [Plugin Magnet](https://profiles.wordpress.org/pluginmagnet/) [Download](https://downloads.wordpress.org/plugin/magnet-blocks.1.1.1.zip) * [Details](https://dv.wordpress.org/plugins/magnet-blocks/#description) * [Reviews](https://dv.wordpress.org/plugins/magnet-blocks/#reviews) * [Installation](https://dv.wordpress.org/plugins/magnet-blocks/#installation) * [Development](https://dv.wordpress.org/plugins/magnet-blocks/#developers) [Support](https://wordpress.org/support/plugin/magnet-blocks/) ## Description Build stunning websites with premium Gutenberg blocks. Includes pricing cards, team members, animated statistics, taglines, and more. ### 📖 Description **Magnet Blocks** is a comprehensive collection of premium Gutenberg blocks designed to help you create professional, modern websites without any coding knowledge. Whether you’re building a business website, portfolio, or online store, Magnet Blocks provides the essential building blocks to bring your vision to life. The plugin seamlessly integrates with the WordPress block editor (Gutenberg) and provides an intuitive, drag-and-drop interface for creating beautiful page sections. Each block is carefully crafted with modern design principles and best practices in mind. ### Why Magnet Blocks Matters? * Speeds up website development by 10x with ready-to-use blocks. * Provides pixel-perfect designs out of the box. * Enhances user engagement with animated and interactive elements. * Optimized for performance and SEO. * Fully responsive and mobile-friendly. [**💻 Demo**](https://demo.pluginmagnet.com/magnet-blocks/) | [**🚀 Get The PRO Version**](https://pluginmagnet.com/wp-plugins/magnet-blocks-pro/) | [**🛠 Support**](https://pluginmagnet.com/support/) | [**📄 Documentation**](https://pluginmagnet.com/docs/magnet-blocks/) ### 💡 Why Choose Magnet Blocks? ✅ **No Coding Required:** Build professional pages with simple drag-and-drop blocks. ✅ **Modern & Beautiful Designs:** Pre-designed blocks that look great out of the box. ✅ **Performance Optimized:** Lightweight code that doesn’t slow down your website. ✅ **Fully Customizable:** Extensive customization options for colors, spacing, typography, and more. ✅ **Responsive Design:** All blocks are mobile-friendly and look great on any device. ✅ **Regular Updates:** Continuous improvements and new features added regularly. ✅ **WooCommerce Compatible:** Works seamlessly with WooCommerce stores. ✅ **HPOS Compatible:** Full support for WooCommerce High-Performance Order Storage. ### 🌟 Core Features (Free) ✅ **Animated Stats Block:** Display impressive statistics with smooth number animations that capture attention. ✅ **Pricing Card Block:** Showcase your pricing plans with beautiful, conversion-optimized cards including money-back guarantees. ✅ ** Pricing Comparison Block:** Create detailed pricing comparison tables to help customers make informed decisions. ✅ **Tagline Block:** Add eye-catching taglines with custom icons and background colors to highlight important messages. ✅ **Team Members Block:** Display your team in a professional grid layout with social media links and hover effects. ✅ **Block Management Dashboard:** Enable/disable blocks to keep your editor clean and organized. ✅ **Modern Admin Interface:** Beautiful, intuitive dashboard built with React for managing all blocks. ✅ **Custom Spacing Controls:** Full control over margin and padding for each block. ✅ **Color Customization:** Customize background, text, and border colors to match your brand. ✅ **Typography Controls:** Adjust font sizes and line heights for perfect text rendering. ✅ **Wide & Full Width Support:** All blocks support wide and full-width alignment options. ✅ **Reusable Blocks:** Create reusable block templates to save time. ✅ **Translation Ready:** Fully translatable with .pot file included. ### 🚀 Pro Features 🔸 **50+ Premium Blocks:** Access to an extensive library of advanced blocks. 🔸** Advanced Animations:** Add sophisticated entrance animations with delay and duration controls. 🔸 **Dynamic Content Support:** Display dynamic content from custom fields and post types. 🔸 **ACF Integration:** Seamlessly integrate with Advanced Custom Fields. 🔸 **Custom Post Type Support:** Create blocks that work with any custom post type. 🔸 **Template Library:** Pre-built page templates to jumpstart your design process. 🔸 **Priority Support:** Get faster response times and dedicated assistance. 🔸 **Regular Feature Updates:** Early access to new blocks and features. 🔸 **Advanced Styling Options:** Custom CSS and advanced design controls. 🔸 **WooCommerce Product Integration:** Special blocks for product displays and shopping features. 🔸 **Performance Analytics:** Track block usage and page performance. 🔸 **White Label Options:** Remove branding for client projects (Agency License). ### 🎨 Available Blocks (Free) #### 📊 Animated Stats Display impressive statistics with smooth counting animations. Perfect for showcasing achievements, milestones, or key metrics. – Customizable number animations – Add suffix text (K, M, +, etc.) – Adjustable column layout (1-6 columns) – Custom animation duration – Color and typography controls #### 💳 Pricing Card Create stunning pricing tables with multiple plan options, perfect for SaaS, subscription services, or product packages. – Unlimited pricing cards – “Best Value” badge for featured plans – Custom pricing icons and images – Feature list with checkmarks – Money-back guarantee section – Fully customizable colors – Purchase buttons with custom URLs #### 📋 Pricing Comparison Build detailed pricing comparison tables to help customers compare different plans side-by-side. – 3-column comparison layout (Starter, Advanced, Ultimate) – Feature- by-feature comparison with checkmarks – Responsive mobile design – Custom pricing and currency – Purchase buttons for each plan – Best value highlighting #### 🏷️ Tagline Add eye-catching taglines with custom icons and backgrounds to draw attention to important messages. – Custom tagline text – Icon/image support – Background color customization – Three alignment options (left, center, right) – Lightweight and fast #### 👥 Team Members Showcase your team with professional member cards featuring photos, names, positions, and social links. – Unlimited team member cards – Social media integration (Facebook, Twitter, LinkedIn, Instagram) – Hover effects (Zoom, Slide Up, Fade) – Custom hover background images – Adjustable column layout (1-6 columns) – “Join Our Team” call- to-action card – Custom card background colors ### 🔮 Upcoming Features 🌟 **Hero Section Block:** Full-width hero sections with background images and videos. 🌟 **Testimonial Carousel:** Display customer reviews in a beautiful slider. 🌟 ** FAQ Accordion Block:** Collapsible FAQ sections with smooth animations. 🌟 **Call- to-Action Block:** Eye-catching CTA sections to drive conversions. 🌟 **Feature Grid Block:** Showcase product or service features in a grid layout. 🌟 **Icon Box Block:** Display content with icons for better visual hierarchy. 🌟 **Progress Bar Block:** Show progress, skills, or completion percentages. 🌟 **Countdown Timer Block:** Create urgency with countdown timers for sales or events. 🌟 **Before/After Slider:** Compare images with an interactive slider. 🌟 **Image Gallery Block:** Advanced gallery with lightbox and filtering options. 🌟 **Video Popup Block:** Embed videos with thumbnail and popup functionality. 🌟 **Form Integration:** Connect with popular form plugins. 🌟 **Social Share Buttons:** Encourage content sharing with styled social buttons. 🌟 **Google Maps Block:** Embed custom styled maps. 🌟 **Post Grid Block:** Display blog posts in customizable grid layouts. ### 🛠️ How It Works 1️⃣ **Install the Plugin:** Download and activate Magnet Blocks from the WordPress plugin directory or upload it manually. 2️⃣ **Enable Blocks:** Navigate to Magnet Blocks Blocks to enable/disable the blocks you want to use. 3️⃣ **Start Building:** Open any page/post in the block editor and search for “Magnet Blocks” to find all available blocks. 4️⃣ **Customize:** Use the block settings panel to customize colors, spacing, content, and more. 5️⃣ **Publish:** Preview your design and publish your beautiful page. ### 🎯 Perfect For * **Business Websites:** Create professional corporate websites with pricing tables and team sections. * **SaaS Products:** Showcase your software with pricing comparisons and feature highlights. * **Agencies:** Build client websites faster with pre-designed blocks. * **Freelancers:** Create stunning portfolio and service pages. * **E-commerce Stores:** Enhance WooCommerce product pages with custom blocks. * **Bloggers:** Add engaging elements to blog posts and pages. * **Startups:** Launch professional landing pages quickly. ### 🌐 Translation Ready Magnet Blocks is fully translatable and includes a .pot file for easy translation into any language. ## Screenshots * [[ * Animated Stats Block – Display impressive statistics with smooth animations * [[ * Pricing Card Block – Beautiful pricing tables with money-back guarantee * [[ * Pricing Comparison Block – Compare plans side-by-side ## Blocks This plugin provides 5 blocks. * Animated Stats Display animated statistics with numbers that animate on first load. * Team Members Display your team members in a beautiful grid layout. * Tagline Display tagline before any title. * Pricing Comparison Display pricing comparison cards with features. * Pricing Card Display pricing cards with features and money-back guarantee section. ## Installation ### Installation from WordPress Dashboard 1. Log in to your WordPress admin panel. 2. Navigate to **Plugins Add New**. 3. Search for **Magnet Blocks by Plugin Magnet**. 4. Click **Install Now** and then **Activate**. 5. Go to **Magnet Blocks Blocks** to enable the blocks you want to use. ### Manual Installation 1. Download the plugin ZIP file from WordPress.org. 2. Navigate to **Plugins Add New Upload Plugin**. 3. Choose the ZIP file and click **Install Now**. 4. Click **Activate** after installation. ### Installation via FTP 1. Download and unzip the plugin ZIP file. 2. Use an FTP client to upload the `magnet-blocks` folder to `/wp-content/plugins/`. 3. Log in to your WordPress dashboard. 4. Navigate to **Plugins Installed Plugins**. 5. Find **Magnet Blocks** and click **Activate**. ### After Installation 1. Navigate to **Magnet Blocks** in your WordPress admin menu. 2. Go to the **Blocks** tab to enable/disable specific blocks. 3. Open any page or post in the block editor. 4. Click the **+** button to add a new block. 5. Search for “Magnet Blocks” or find them in the Magnet Blocks category. 6. Add your desired block and customize it using the settings panel. ## FAQ ### Q1: What is Magnet Blocks? Magnet Blocks is a collection of premium Gutenberg blocks that help you build modern, professional websites faster. It includes blocks for pricing tables, team members, animated statistics, and more. ### Q2: Do I need the Gutenberg block editor to use this plugin? Yes, Magnet Blocks is designed specifically for the WordPress block editor (Gutenberg). It requires WordPress 6.0 or higher, where Gutenberg is the default editor. ### Q3: Are the blocks mobile-responsive? Absolutely! All Magnet Blocks are fully responsive and optimized for mobile devices, tablets, and desktops. They automatically adapt to different screen sizes. ### Q4: Can I customize the appearance of the blocks? Yes, each block comes with extensive customization options including colors, spacing, typography, alignment, and more. You can customize everything through the block settings panel without writing any code. ### Q5: Is Magnet Blocks compatible with my theme? Magnet Blocks is designed to work with any WordPress theme that supports the Gutenberg block editor. It follows WordPress coding standards and best practices for maximum compatibility. ### Q6: Does it work with WooCommerce? Yes! Magnet Blocks is fully compatible with WooCommerce and supports the latest High-Performance Order Storage (HPOS) system. You can use the blocks on product pages, shop pages, and WooCommerce-related content. ### Q7: Can I use the blocks on existing pages? Absolutely! You can add Magnet Blocks to any existing page or post. Simply edit the page in the block editor and insert the desired blocks. ### Q8: Will this plugin slow down my website? No, Magnet Blocks is optimized for performance. Each block loads only its required assets, ensuring minimal impact on page load speed. The code is lightweight and follows WordPress performance best practices. ### Q9: Can I disable blocks I don’t use? Yes! Navigate to **Magnet Blocks Blocks** to enable or disable individual blocks. Disabling unused blocks helps keep your editor clean and improves dashboard performance. ### Q10: Is the plugin translation-ready? Yes, Magnet Blocks is fully translation-ready and includes a .pot file. You can translate the plugin into any language using tools like WPML, Polylang, or Loco Translate. ### Q11: How do I get support? For free support, visit the [WordPress.org support forum](https://wordpress.org/support/plugin/magnet-blocks/). For priority support with faster response times, consider upgrading to [Magnet Blocks Pro](https://pluginmagnet.com/wp-plugins/magnet-blocks-pro/). ### Q12: What’s the difference between Free and Pro versions? The free version includes 5 essential blocks with core functionality. The Pro version includes 50+ premium blocks, advanced customization options, dynamic content support, ACF integration, template library, and priority support. ### Q13: Can I use this plugin on client websites? Yes! You can use Magnet Blocks on unlimited websites. For client projects requiring white-label features, check out our Agency License for the Pro version. ### Q14: Does it support RTL (Right-to-Left) languages? Yes, Magnet Blocks fully supports RTL languages like Arabic, Hebrew, and Urdu. ### Q15: Can I export and import block patterns? Yes, you can create reusable block patterns and export/import them across different pages or websites using WordPress’s built-in reusable blocks feature. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Magnet Blocks – Block Collection for Modern Websites” is open source software. The following people have contributed to this plugin. Contributors * [ Plugin Magnet ](https://profiles.wordpress.org/pluginmagnet/) * [ Sabbir Hossain ](https://profiles.wordpress.org/devsabbirhossain/) [Translate “Magnet Blocks – Block Collection for Modern Websites” into your language.](https://translate.wordpress.org/projects/wp-plugins/magnet-blocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/magnet-blocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/magnet-blocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/magnet-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/magnet-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.1 (08th November 2025) * Compatibility: Compatible with WordPress 6.9 #### 1.1.0 (2nd December 2025) * New: Add AJAX plugin installation functionality for recommended extensions. * New: Add WordPress Notice component for better user feedback. * New: Add toggle functionality for blocks with database persistence. * Enhancement: Update all text domains to `magnet-blocks` for consistency. * Enhancement: Prefix all variables with `wpmb_` to meet WordPress Coding Standards. * Enhancement: Update CSS class names to match plugin naming convention. * Enhancement: Improve error handling and user notifications. * Enhancement: Hide extensions section when all plugins are activated. * Enhancement: Better security with nonce verification and capability checks. * Fix: Update browserslist database to latest version. * Fix: Resolve all PHPCS errors and warnings. * Compatibility: Compatible with WordPress 6.8. * Compatibility: Compatible with WooCommerce 9.8. #### 1.0.5 (15th November 2025) * Enhancement: Improved plugin performance and stability. * Enhancement: Optimize dashboard loading with combined API endpoint. * Enhancement: Better error handling and retry mechanisms. * Enhancement: Update admin dashboard UI/UX. * Fix: Few known issues are fixed. * Compatibility: Compatible with the latest WordPress version (6.8). * Compatibility: Compatible with the latest WooCommerce version (9.8). #### 1.0.1 (1st November 2025) * Compatibility: Compatible with WordPress 6.8. * Compatibility: Compatible with WooCommerce 9.8. * Fix: Minor bug fixes. #### 1.0.0 (15th October 2025) * Initial Release ## Meta * Version **1.1.1** * Last updated **4 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.8.5** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/magnet-blocks/) * Tags * [addons](https://dv.wordpress.org/plugins/tags/addons/)[block-editor](https://dv.wordpress.org/plugins/tags/block-editor/) [gutenberg](https://dv.wordpress.org/plugins/tags/gutenberg/)[Gutenberg Templates](https://dv.wordpress.org/plugins/tags/gutenberg-templates/) * [Advanced View](https://dv.wordpress.org/plugins/magnet-blocks/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/magnet-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/magnet-blocks/reviews/) ## Contributors * [ Plugin Magnet ](https://profiles.wordpress.org/pluginmagnet/) * [ Sabbir Hossain ](https://profiles.wordpress.org/devsabbirhossain/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/magnet-blocks/)