MaxiBlocks features
MaxiBlocks offers efficient website building tools that balance quality and versatility. Our concise yet comprehensive collection provides greater design flexibility than many larger block libraries.
19
Foundation blocks
2,228
Pre-designed patterns
14,273
SVG icons & shapes
100+
One click style cards
Our platform combines drag-and-drop simplicity with advanced customisation options, suitable for both novice builders and professional developers.
Powerful foundation blocks, for free.
Quickly build layouts with customizable blocks, saving time for all skill levels.
Accordion: Create expandable sections for FAQs or organised information
Button: Design eye-catching call-to-action buttons for user engagement
Column: Organise content vertically for structured layouts
Container: Wrap and style block groups for cohesive design sections
Divider: Add visual separation between content areas with custom lines or shapes
Group: Combine and style multiple blocks as a single unit
Icon: Enhance visual communication with customisable icons
Image: Showcase images with advanced styling and masking options
List item: Create stylish lists with custom bullets or numbers
Map (beta): Embed interactive maps for locations or directions
Number Counter: Display animated counts for impactful statistics
Pane: Design collapsible panels for compact, interactive content
Row: Structure content horizontally for flexible, grid-like layouts
Search: Implement customisable search functionality
Slide: Create individual slides for swipeable content
Slider (beta): Build responsive, touch-enabled content carousels or galleries
Template library: Access pre-designed patterns and full page templates
Text: Craft content with advanced typography and styling controls
Video: Embed and style videos from various sources with custom controls
Create with MaxiBlocks Go theme, for free.
Get full site editing for headers, footers and template pages.
Pre-built templates: Key pages (homepage, posts, archives, 404)
Global styles: Define site-wide settings (colors, typography, layout) management
Customization options: Extensive controls for web professionals
Content patterns: Reusable designs for posts, featured images, meta
Entry patterns: Designs for post headers, footers (title, category, tags)
Performance optimized: Minified assets for fast loading
Navigation menus: Customizable menus for easy site navigation
Mobile menu settings: Optimized display and functionality on mobile
Comments styles: Match your design with custom comment layouts
Author boxes: Highlight post authors with styled profile sections
Design capabilities, for free.
Create unique designs without coding, with option for custom CSS.
Visual drag-and-drop interface: Build websites intuitively
Advanced customisation (60-80 options per block): Fine-tune every design aspect of your website
Rich backgrounds: Layer colours, images, videos, gradients, and shapes
Shape masks and dividers: Enhance content sections visually
Typography control: Comprehensive font and styling options
Hover effects: Add interactive elements responding to mouse movement
Scroll effects: Trigger animations while scrolling
Responsive design (6 breakpoints): Ensure optimal display across all devices
Custom CSS support: Full design control for advanced users
Light/dark tone switching: Toggle between versions for faster customisation
Advanced layout and structure, for free.
Achieve pixel-perfect layouts easily, regardless of design expertise.
Flexbox: Create flexible, responsive layouts that adapt to screen sizes
Grid: Design complex layouts with precise element placement
Responsive breakpoints (XXL to XS): Ensure optimal display across devices with six customisable
Column layouts: Organise content into multi-column structures
Alignment options: Position elements precisely
Margin and padding: Fine-tune spacing around and within elements
Height and width: Get exact dimensions for consistent layouts
Interactive elements, for free.
Create engaging interactive features without JavaScript expertise.
Buttons: Design responsive call-to-action buttons
Images: Add dynamic displays with effects and masks
Hovers: Enhance user feedback with interactive element effects
Sliders: Develop touch-enabled content carousels
Accordions: Organise information with expandable sections
Search: Implement customisable, efficient content discovery tools
Dynamic content, for free.
Create content-rich, database-driven websites that are easy to update.
WordPress integration: Connect with WordPress core functionality
Custom Post Types (CPT) support: Extend content structure for specialised needs
Advanced Custom Fields (ACF) support: Enhance flexibility with custom fields and data types
Context loop for repeatable elements: Create dynamic lists, grids, or sections that updateautomatically
Dynamic data retrieval: Display content based on criteria like date, category, or custom parameters
Template library
Jump-start designs with professional templates or use as inspiration.
Block patterns (2,228+): Access pre-designed section templates for quick, professional layouts, organised by purpose (e.g., blog, hero, team, pricing)
Page templates (240+): Start with complete, industry-specific layouts to accelerate website creation (e.g., business, e-commerce, portfolio)
SVG icons (14,273): Enhance designs with scalable vector graphics in filled, shape, and line styles
Style cards (100+): Apply cohesive design themes across your entire site with a single click
Features include: Light/dark variations for better layout contrast. Global styling for consistent design elements throughout your website
Customisation and styling, for free.
Fine-tune every design aspect, from colour pickers to advanced CSS.
Colours: Choose from a palette or specify custom colours
Gradients: Create colour transitions for various elements
Borders: Add and style with options for width, style and colour
Box shadows: Apply subtle or dramatic shadows for depth
Transforms: Rotate, scale or skew elements for unique effects
Opacity: Adjust transparency for layered designs
Custom CSS: Apply precise styling to individual blocks
Developer tools, for free.
Extend and customise MaxiBlocks, with an open codebase for contributions.
GitHub repository: Access and contribute to the full source code
WordPress plugin: Deep integration with the WordPress ecosystem
Modular architecture: Modify specific components without affecting the entire system
Extensibility: Create custom patterns or add new features
Community support: Collaborate with other developers and benefit from collective expertise
Performance optimisation, for free.
Deliver fast-loading, SEO-friendly websites without compromising design or functionality.
Server-side attribute storage: Uses PHP to save attributes, reducing browser load
Theme builder: Efficiently creates headers, footers, and blogs through optimised data handling
Balanced features: Robust back-end editor with minimal front-end resource load
Optimised output: Delivers only essential HTML, CSS, and script files for faster loading
High PageSpeed Insights scores: Excellent performance metrics for user experience and SEO
Interaction builder, for free.
Create engaging animations and effects visually, accessible to all skill levels.
Micro-animations: Add subtle, smooth movements to enhance user experience and feedback
Transformations: Apply dynamic changes to elements’ size, position, or shape for eye-catching effects
Reveal effects: Create impressive entrance animations for content as users scroll or interact
Visual workflow: Design complex animations intuitively without coding, using a visual interface
MaxiBlocks plugin settings, for free.
Customise MaxiBlocks to your workflow, integrating with your development process.
Editor preferences: Tailor the editing environment to your style
Google Maps API integration: Easily add interactive maps to designs
Font management: Use Google Fonts locally or use privacy-focused Bunny Fonts
Documentation and support: Find integrated help resources quickly
Experimental features: Test new capabilities
Accessibility features, for free.
Meet accessibility standards, ensuring usability for all visitors.
ARIA label support: Add descriptive labels to elements for screen readers
Alt text for images: Provide alternative text descriptions for images
Colour contrast options: Tools to maintain readable colour contrasts for text and backgrounds
Semantic HTML structure: Use of proper heading levels and structural elements for clear content hierarchy
Responsive design: Ensure accessibility across different screen sizes and devices
Focus indicators: Visual cues for keyboard navigation to show which element is currently selected
Skip to content link: Allow users to bypass repetitive elements and navigate directly to main content
Responsive design tools, for free.
Create fully responsive designs with intuitive controls for all screen sizes.
Six breakpoints: Tailored design from mobile to 4K displays
Grid: Complex, responsive layouts with a customisable grid
Full flexbox capabilities: Flexible layouts that adapt to screen sizes
Device-specific previews: Test designs across various devices
Breakpoint-specific adjustments: Fine-tune for optimal display on all devices
Mobile-optimised layouts: Ensure functionality on smaller screens
Per-block responsive settings: Customise element response to screen sizes
Conditional element display: Show/hide elements based on screen size
Responsive typography: Auto-adjust font sizes for readability
Flexible spacing controls: Adapt margins and padding per breakpoint
Responsive alignment: Adjust content layout for different screens
Adaptive images: Auto-resize and reposition images to fit screens
Responsive containers: Adjust widths to maximise screen space
Responsive navigation: Optimise menu usability across devices
Integration capabilities, for free.
Connect MaxiBlocks with WordPress plugins and tools.
WordPress core compatibility: Seamless integration with WordPress functionality
Custom Post Types (CPT) support: Extend content structure for specialised needs
Advanced Custom Fields (ACF) integration: Enhance content flexibility
WooCommerce compatibility: Create e-commerce sites
Google Maps API integration: Embed interactive maps
Font integration: Google Fonts support, Bunny Fonts (privacy-focused alternative)
Theme builder: Create custom headers, footers, and other theme elements
User experience enhancements, for free.
Streamlined design process for all experience levels:
Wireframe mode: Import templates with placeholders for ready-made page structure
Block indicators: Identify modified settings on MaxiBlocks in the inspector
Undo/redo: Reverse or reapply recent changes
Copy/paste styles: Replicate designs across elements
Master Toolbar: Access responsive selectors, template library, style cards, and help options
Mini Toolbar: Copy and paste styles with special options
Block Sidebar: Navigate between Settings, Canvas, and Advanced options
Style Cards: Apply pre-designed styles site-wide with one click
Hover preview: See hover effects instantly without switching to frontend
Breadcrumbs: Navigate nested block hierarchy
Interaction builder: Create animations and effects visually, no coding required