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.