Skip to content

maxi-blocks/maxi-blocks

Repository files navigation

Design like a pro with fast-styling web templates. MaxiBlocks. Explore 2000+ block patterns, 150+ page templates, 13.5k SVG icons & 100 free global style cards.

MaxiBlocks

Design like a pro with fast-styling web templates.
Website | Join Discord community

License WordPress Plugin Active Installs WordPress Plugin Rating WordPress Plugin Version Discord


Description

MaxiBlocks is a no-code visual page builder that can create responsive, fast-loading webpages using an integrated design library. Choose from over 2000+ block patterns, 150+ page templates, 13.5k SVG icons & 100 free global style cards to kickstart page building and bring your creative vision to life.

New: Quickly create or revise content using the new GPT4 Open AI integration's helpful "bring your own API key" feature.

Watch the introductory video

MaxiBlocks Banner

No Locked Blocks 📖

We refuse to hold basic features hostage just to sell the “full-version.” Everyone gets access to all page builder features, custom blocks, and settings completely free. There's no lock-in by design.

Goodbye License Keys 👋

Plus, we’re on a mission to make license keys and domain restrictions go extinct, just like dinosaurs (except without the cool bones). With MaxiBlocks, you get unlimited sites and unlimited downloads.

Packed with Free Goodies 🆓

Get started with 200 free templates, 13.4k icons, and 100 style cards. You don't even need an account. Just install the plugin and start building.

Loved by page builder enthusiasts, web designers, and template users, Maxi is here to make your life easier.

Go Next-Level with Pro Templates 🆙

If you're loving MaxiBlocks and want to support us, consider joining the Pro library. Find inspiration, get more variety, and work faster with 1700 production-ready Pro templates.

It’s like having a dedicated professional designer crafting unique designs exclusively for you.

Our experienced team has created thousands of responsive designs using Maxi, so we know what works. Tap into a huge designer-made asset library that can literally double your output.

Copy, remix, and learn as you go - it's all possible with MaxiBlocks.

Watch the Pro library video

Advanced Template Library ⚗️

Efficiency: Meet your new secret weapon—a template library that saves time and fuels creativity.

Device compatibility: Six responsive breakpoints ensure that your webpages are optimized for all devices, from large 4K displays to tablets and mobile devices.

User flexibility: Whether you're a newbie or a pro coder, the drag-and-drop features combined with custom CSS allow you to design freely.

Dynamic interactions: Access animation features like hover effects and scroll animations to enhance user engagement.

Design customization: Choose from diverse color schemes and font pairings for a distinct look, and employ SEO tools to enhance online visibility.

Image Tools 📸

Advanced interactions: Craft engaging web elements with hover effects, background layers, and masks.

Expansive element library: No need to search the internet endlessly. MaxiBlocks offers over 13,400 customizable design elements.

Style cards: Instantly re-style websites or templates using one of the 100 style cards, available in both light and dark mode themes.

User-friendly tools: Enhance your workflow with tools like undo/redo, version history, and extensive free WordPress integrations.

Style Cards 🎴

Website transformation: Use style cards to quickly re-style any part of your website or specific templates.

Full-Site Editing: MaxiBlocks provides tools that allow you to incorporate standard navigation blocks, ensuring a seamless user experience.

Diverse Content Options: Create various webpages, from landing pages and microsites to industry-specific templates.

Resources & Support: Benefit from a mountain of resources, video tutorials, and a dedicated support team always ready to assist.

Integrated AI Tools 🤖

GPT-4 Integration: Deploy your own GPT-4 API key to modify template content for both prototyping and final designs.

Prompt Maxi: With the API Key activated, all text elements in MaxiBlocks can utilize GPT-4 and ChatGPT for content enhancement.

Content Templates: Describe your website's purpose, and ChatGPT will generate related content.

Website Identity: Answer questions to establish site-wide settings, aiding in better content generation by the AI.

Prompt Maxi Copywriting Controls ✍️

Adjustable settings for the content creation text block.

Generate Tab:

  • Content Type: Specify the content's category.
  • Tone: Set the tone of voice.
  • Writing Style: Choose a style.
  • Language: Select the content's language.
  • Temperature: Set between precision, neutrality, and creativity.
  • Contextual Inputs: Provide an initial prompt or leave it blank.

Results Tab: Export, import, clean, replace, generate, and modify.

Modify Tab: Rephrase, shorten, lengthen, fix spelling and grammar, translate and custom.

Maxi's Custom Blocks 💎

MaxiBlocks comes with a variety of custom blocks to help you build stunning web pages. Here are some of the custom blocks you'll have access to:

  • Accordion Maxi: Manages content within expandable and collapsible panels.
  • Button Maxi: Offers insertion, modification, or styling of buttons.
  • Container Maxi: Encapsulates other blocks within a designated container.
  • Divider Maxi: Produces a visual separator between elements.
  • Group Maxi: Binds a set of blocks together to form patterns.
  • Icon Maxi: Enables the addition and styling of icons or shapes.
  • Image Maxi: Offers tools to insert, modify, or style images.
  • Map Maxi: Facilitates the addition of maps with markers and descriptions.
  • Number Counter Maxi: Enables the creation of dynamic number counters.
  • Search Maxi: Integrates a search bar with an icon.
  • Slider Maxi: Aligns one or more blocks horizontally.
  • Template Library Maxi: Provides access to pre-designed templates or patterns.
  • Text Maxi: Allows the insertion, modification, or styling of text.
  • Video Maxi: Facilitates the addition of videos with controls or lightbox.

Design Features 🎨

Craft responsive, visually appealing websites with a user-friendly editing tool:

Responsive design: Ensure your website looks great on all devices.

Live visual editing: Make real-time changes with an easy-to-use editing interface.

Layer backgrounds: Combine images, colours, and videos for eye-catching designs.

Shape masks: Add flair to your images with CSS clip paths and shape masks.

Responsive grid with Flexbox: Precise layout control with six breakpoints and Flexbox capabilities.

Watch the design features video

Scroll effects: Add visual interest with subtle scroll effects and CSS transformations.

Context loop: This powerful feature is similar to Gutenberg's "query loop block" but integrated with Maxi's blocks, container, row, column, and group. It works with the responsive grid and dynamic content. Create blogs, product pages, archives, listings, and more.

Style repeater: Synchronises all block styles inside of a row. Ideal for situations where many identical blocks are used like; testimonials, team profiles, blogs, galleries, or logo farms.

Dynamic content: Advanced Custom Fields (ACF) is already implemented. Future support for Meta Box, JetEngine & Toolset.

Pro Library for Production-Ready Responsive Templates

Pro templates give you more variety and original designs. It's faster and easier to create attractive WordPress pages.

Watch the Pro library video

Unlimited downloads. Unlimited sites. No locked blocks.

1500 Pro Patterns 🌈

Ready-made block patterns

  • Accordion (4)
  • Call to action (80)
  • Footer (110)
  • Headlines (60)
  • Hero (228)
  • Icon (170)
  • Image (258)
  • Logo (12)
  • Number counter (26)
  • Pricing tables (32)
  • Story mix (378)
  • Team (258)
  • Testimonial (164)

Coming soon

  • Blogs
  • Navigation menus

Ready-made Page Templates

  • 404 Pages (14)
  • About us pages (7)
  • Business (19)
  • Educational (3)
  • Entertainment (3)
  • Food (1)
  • Health (2)
  • Sports (4)
  • Many more coming soon

With Maxi, your pro templates always auto-update even without Pro access. Now that's peace-of-mind.

View the pro demo library

Planned Features 🔜

Look forward to exciting additions to enhance your design experience.

  • More AI tools: Content creation like images, integrated with style cards and right where you need it.
  • AI templates: We're planning a library of AI templates for various use cases, like custom chatbots.
  • Additional blocks: Expand your design toolbox with block quotes, blogs, image galleries, and more.
  • Navigation & mega menu: Create responsive menus for seamless site navigation.
  • Full site editing: Further integrate MaxiBlocks for complete site customization.
  • Nested slider: Display any Maxi foundation block in a slider format with player controls & custom icons.
  • Menu builder: A custom navigation block for responsive menus.
  • See what's cooking: Check out our roadmap for more info.

Documentation & Support 📚

Our resources will help you get started and master MaxiBlocks in no time:

  • Detailed documentation: Step-by-step guides, troubleshooting tips, and in-depth explanations for every feature. Visit our help desk for more.

  • Video tutorials: A library of video tutorials, covering everything from installation to advanced techniques. Try this playlist: ⏱️Quick tips & techniques: Short MaxiBlocks mastery!🚀

  • Dedicated support: A support team is available to address any questions or concerns you might have. Please use the support forums, or the help desk.

  • Full changelog: Please visit our GitHub repo.

Community & Contributions 🌍

MaxiBlocks is more than a plugin. It's a community of passionate designers, developers, and users. We welcome your contributions and feedback to make MaxiBlocks even better:

  • Join the MaxiBlocks community: Participate in forums, share your experiences, and connect with other users. Follow us on Twitter or join our Discord community.

  • Contribute to MaxiBlocks: Submit your suggestions, or contribute code to our open-source project. Visit our GitHub repo.

  • Share your work: Show off your amazing creations with MaxiBlocks and inspire others with your designs. Use the hashtag #maxiblocks or #madewithmaxi

Get Started with MaxiBlocks 🔰

Ready to take your website design to the next level? Download MaxiBlocks today and experience the power of this versatile page builder. Begin your journey to fun web design today.

A note from your designer...

Join us in our mission to provide a user-friendly solution for website creation. With MaxiBlocks, you'll have a faster, easier, and more enjoyable website design experience. We're excited to see the websites you create with MaxiBlocks!

Take care, Kyra - Design lead & co-founder of MaxiBlocks

Frequently Asked Questions

How many sites can I build?

There's no limit to the number of sites you can build with MaxiBlocks. The plugin, blocks and all features are free to use for any purpose, personal or commercial.

Do I need to pay for advanced blocks?

No, all page builder features and blocks are free for everyone. You can build anything you want with MaxiBlocks without restrictions. To help you work faster we offer a pro template library subscription that gives you thousands more templates built with Maxi. Our in-house template creators have years of experience working with Maxi. You can benefit from their skills and save a ton of time by using the templates we create and maintain just for you.

How can you offer unlimited domains? Is it sustainable?

Absolutely. Our strategy is to offer unlimited domains to attract a broad user base, which in turn boosts our sales of premium templates. This model is sustainable because our revenue comes from these template sales rather than limiting the number of domains, ensuring creators have free access to all essential features, while we thrive through template upgrades. It’s a win-win!

Is MaxiBlocks compatible with my WordPress theme?

MaxiBlocks is designed to be compatible with most WordPress themes. However, some themes may have unique styling or functionality that could affect compatibility. We recommend testing MaxiBlocks with your theme for the best experience. Talk to us if you have any issues. Happy to help where possible. Look out for the MaxiBlocks Theme coming soon too.

Does MaxiBlocks work with Gutenberg?

Yes, MaxiBlocks is fully integrated with the Gutenberg editor, providing custom Gutenberg blocks and full compatibility with WordPress's native editor.

What is a Pro access account?

A Pro access account gives access to your my.maxiblocks.com account, the pro library and priority support

Who should use a Pro access account?

Website owners, designers and developers who need access to our Pro template library.

Is the Pro access account for my end client?

No, it’s intended for website owner, designers and developers. End clients don’t need an account to use the website or pro patterns you downloaded or created for them.

What’s the difference between a Pro access account and handing over a completed website?

A Pro access account is for creating and downloading from our library. Once a site is completed, it can be handed over to a anyone who can use it fully without any special account.

What are some usage scenarios?

Scenario A: Designer Jane, with a Pro access account, accesses the library, crafts five distinct websites, and hands these sites over to five separate clients. These clients can fully operate their websites without any need for a Pro access account.

Scenario B: Individual Alex uses his account to build several personal projects, all without needing separate accounts.

Why don’t you need licence keys with the pro library?

We’re on a mission to make licence keys and domain restrictions go extinct, just like dinosaurs (except without the cool bones). Plus, we refuse to follow the crowd and hold basic features hostage just to sell the “full-version.” With Maxi, your pro templates always stay functional and receive updates indefinitely.

How do sites built with Pro templates stay updated?

Each Pro access account allows you to create unlimited sites. Sites crafted with Pro templates always auto-update, even without Pro access.

Can I access the pro library on multiple devices?

Yes. One authenticated Pro account can be signed in from multiples devices and/or browsers at the same time.

How does copyright work?

MaxiBlocks believes in the spirit of open collaboration. All our templates, patterns, and icons carry the CC0 1.0 license meaning you can freely use them for personal or commercial projects.

Got a public roadmap

You bet. Check it out here.

Installation

Install the MaxiBlocks plugin from the WordPress plugin directory in your WordPress admin dashboard.

  1. Search for "Maxi Blocks" or "MaxiBlocks"
  2. Then click "Install Now"
  3. Click "Activate" plugin

To use free templates, first edit, or create a new page in WordPress

  • From the page editing view, click the MaxiBlocks icon to open the master toolbar, top left side.

  • Launch the template library and browse for patterns. Insert and start editing.

  • Play around with some patterns to see how Maxi works and how we use blocks to create patterns.

  • Also choose a style card to instantly update your templates to your chosen style.

  • Use the (?) icon to open the help docs for more info and tutorials.

  • Visit our help desk for more.

Helpful links:

YouTube | Pro library | Demo library | maxiblocks.com | X-Twitter | Discord community | Roadmap

Screenshots

Learn to change style cards: Find out how to switch style cards to improve the appearance of your website with our helpful guide.

Learn to change style cards: Find out how to switch style cards to improve the appearance of your website with our helpful guide.

Explore the template library: Discover a variety of block patterns and pages in our extensive library, designed to help you build your website more efficiently.

Customize button styles with presets: Quickly adjust your button styles using our selection of presets, making it easier to achieve the look you want on your website.

Create background layers for images: Follow our guide to layer images, enhancing the visual interest of your website with this design technique.

Improve efficiency with custom block toolbars: Work more effectively using our convenient block toolbars, designed to streamline your website design process.

Access the 100 style card library: Choose from a wide range of style cards in our library, featuring global styles to suit various design requirements.

Browse the SVG shape library: View our comprehensive collection of SVG shapes, offering versatile design elements to enhance your website's aesthetics.

Discover the SVG icons library: Search through our extensive SVG icons library, providing a broad selection of icons to give your website a polished appearance.

Customize your style cards: Use our guide to personalize your style cards, giving your website a unique touch.

Use the transform function for shape mask layers: Learn to manipulate design elements effectively with our guide on using the transform function for shape mask layers.

Set automatic image size ratios: See how to set automatic image size ratios to maintain consistent visuals throughout your entire website.

Load an icon from the editing experience: Simplify your design process with our easy-to-follow method for loading icons directly from your editing experience.


MaxiBlocks is brought to you by a team of passionate designers and developers. We're committed to making web design accessible, enjoyable, and efficient for everyone.

If you have any questions, feedback, or just want to say hello, please don't hesitate to reach out. We'd love to hear from you!

Happy building!

The MaxiBlocks Team