Magnet Blocks – Block Collection for Modern Websites

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 | 🚀 Get The PRO Version | 🛠 Support | 📄 Documentation

💡 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.

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.

1. 

   Animated Stats Block - Display impressive statistics with smooth animations

2. 

   Pricing Card Block - Beautiful pricing tables with money-back guarantee

3. 

   Pricing Comparison Block - Compare plans side-by-side

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