=== MaxiBlocks Free Page Builder & Template Library === Contributors: ckp267, kyrapieterse, svitlana41319, serifkonjevic, olekrut, naaaaiix, rustamsamsonyan, andriivalenia, dashaversha, myroslavv, fitsedivi, maxiblocks Tags: block, blocks, gutenberg, gutenberg blocks, page builder, template library, fse, icons, landing pages, templates, icon block, starter templates Donate link: https://ko-fi.com/maxiblocks Requires at least: 6.2.2 Tested up to: 6.4.3 Requires PHP: 8.0 Stable tag: 1.7.1 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Classic page builder meets modern WordPress. Work faster with 2000+ block patterns, 150+ page templates, 13.5k SVG icons & 100 free global style cards == Description == **Future-proof your web design with the modern page builder that blends simplicity and power** MaxiBlocks is a no-code visual page builder and block library that can create responsive, fast-loading webpages using an integrated design library. Choose from **2000+ block patterns**, **150+ page templates**, and **13.5k SVG icons** to kickstart page building and bring your creative vision to life. **New**: Bring your own OpenAI API key to create or revise content inside of any Text Maxi block. **New**: Navigation menus! Enhance your site's navigation with MaxiBlocks in the Site Editor, now fully integrated with global style cards. * Customize menu items with advanced typography, colour, and padding options. * Update navigation for mobile burger menu with extended breakpoints: 4K XXL, 1920 XL, 1366 L, 1024 M, 767 S, & 480 XS. * Revamp mobile menu aesthetics, including colour and style changes, with future updates to include 20 "hamburger" icons. * Improved navigation experience with support for A-current, A-visited, and hover colour schemes. == Top 12 Features of MaxiBlocks https://youtu.be/EFXhXGFfMF8 == 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 👋 == We’re on a mission to make licence keys and domain restrictions go extinct, just like dinosaurs (except without the cool bones). With MaxiBlocks you get unlimited domains and unlimited downloads. == Packed with free goodies 🆓 == Get started with 13.5k icons, 100 style cards and 7 free page templates. You don't even need an account. Just install the plugin and start building. **Free page templates (7)** - Education (3) - Entertainment (3) - Food & drink (2) - Nonprofit (1) == Maxi's free custom blocks 💎== **Accordion Maxi**: Manages content within expandable and collapsible panels. It optimizes space, especially beneficial for mobile designs, by dynamically showing/hiding content, ideal for FAQs or nested information. **Button Maxi**: Insert, modify or style buttons. Set icons, padding & margins and more. **Container Maxi**: Encapsulates other blocks within a designated container. Get consistent spacing and alignment no matter the screen size. **Divider Maxi**: Produces a visual separator between elements. Helps in defining distinct sections or breaking up content, enhancing the visual flow of a page. **Group Maxi**: Binds a set of blocks together to form patterns. Promotes design consistency by letting designers create and replicate design patterns across pages. **Icon Maxi**: Insert and style SVG icons or shapes. Edit line type, width, fill and background colours with the toolbar. Use icons as hovers, masks, backgrounds or interactions. **Image Maxi**: This blocks lets you insert, modify, or style images. Create image hovers, layers and masks to for engaging visuals. **Map Maxi**: Add responsive maps with markers and descriptions. **Number Counter Maxi**: Create dynamic number counters. Visually represent statistics or milestones for interactive elements to showcase achievements or data. **Search Maxi**: Integrates a search bar with an icon. It enhances user navigation, allowing quick and efficient content discovery across the website. **Slider Maxi**: Aligns one or more blocks horizontally. Offers dynamic display options, useful for showcasing multiple items like testimonials or images without overwhelming space. **Template Library Maxi**: Provides access to pre-designed templates or patterns. It streamlines design by offering pre-made layouts, speeding up page creation and ensuring consistent aesthetics. **Text Maxi**: Allows the insertion, modification, or styling of text. It's foundational for conveying messages, ensuring content is both readable and aesthetically pleasing. **Video Maxi**: Facilitates the addition of videos with controls or lightbox. Enhances user engagement by easily incorporating multimedia, enriching the visual experience. == MaxiBlocks Theme == The free full site editing theme is out soon. Get everything you need to build amazing websites with menus, headers, footers, blogs, archives like tag, category, author and much more. Follow progress and [get sneak peek of the beautiful designs](https://github.com/maxi-blocks/maxi-blocks/issues/5232) (scroll down to see the designs). == What users say == People simply can't fit all their love for Maxi into one sentence. [Read what 47 creators think of Maxi](https://maxiblocks.com/love/) == 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 1547 production-ready Pro templates. The MaxiBlocks pro template library is designed to travel with you across projects, giving you the flexibility to build anywhere the MaxiBlocks plugin is installed. And when you’re done, sign out and pass on the reins without a hitch. **Our business model** The MaxiBlocks builder, plugin, custom blocks and upcoming MaxiBlocks theme, is entirely free **– our revenue comes from selling Pro templates that save you time.** Build your site with our tools, log out, and your clients gain full capabilities to update and customize with the Pro items you’ve used. Both the site creator and the new owner have equal access to functionalities; the only difference between the free and Pro versions is the quantity of available 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. _I love your philosophy of keeping the plugin and all its features free, rather than hiding some features behind a paywall as most companies do. And then earning your income from professionally designed page and block templates that people may want to buy to speed up their website creation, especially people or companies that have to build many websites. It is a win-win!_ -- Ani, Early supporter https://youtu.be/p37ozp0Kyls == Advanced template library ⚗️ == **Efficiency**: Meet your new secret weapon—a template library that saves time and fuels creativity. **Device compatibility**: Six responsive breakpoints optimize your webpages 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 and advanced styling options 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 colour schemes and font pairings for a distinct look, and use SEO tools to enhance online visibility. == Image tools 📸== **Advanced interactions**: Craft engaging web elements with hover effects, background layers, and image masks. **Expansive element library**: No need to search the internet endlessly. MaxiBlocks offers over 13,400 customizable icons & design elements. **Style cards**: Instantly re-style websites or templates using one of the 100 style cards, available in both light and dark tone variations. **User-friendly tools**: Enhance your workflow with tools like undo/redo, version history, and extensive free WordPress integrations. _Ah, and the style cards functionality is genius. So much more advanced than any other WP theme that supports palettes. The product looks great. The icons are fantastic, and for me personally, the style cards will be very helpful._ -- Ivan Arnaudov, Freelancer == 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. _I like the settings and the power it offers me. You did a great job with the “one-click design change” that you offer with style cards while offering the power to change everything with the settings._ -- A. Ku, Online marketeer https://youtu.be/RuqkaGmKua4 == 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 OpenAI API Key activated, all text elements in MaxiBlocks can utilize GPT-4 and ChatGPT for content creation. **Content templates**: Describe your website's purpose in MaxiBlocks settings, and ChatGPT will automatically generate related content where you need it. **Website identity**: Answer questions to establish site-wide settings that improve 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. _I’m a first-year IT student and my university recently began a 6-month WordPress course. In this course, I’ve learnt about WordPress themes and plugins like MaxiBlocks, [redacted], [redacted], [redacted] and more._ _In the next few months, we need to create a website for a library as practice. We can pick any website builder we want to use for this project. I’ve checked out a bunch of WordPress builders and seen many how-to videos._ _I think MaxiBlocks tops them all. It’s super fast and adaptable. I tried MaxiBlocks for a week and I can say it’s better than other builders. It’s really neat and well-arranged._ -- Lynn WordPress designer – Myanmar == Design features 🎨== Craft responsive, visually appealing websites with a user-friendly editing tool. **Responsive design:** Make your website look 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. https://youtu.be/9zpsMe9WQi0 **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:** Our custom blocks have support for WooCommerce fields and Advanced Custom Fields ACF (separate plugin required). Planned support for Meta Box, JetEngine & Toolset. [Follow progress here](https://github.com/maxi-blocks/maxi-blocks/issues/4642). == 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. The MaxiBlocks pro template library is designed to travel with you across projects, giving you the flexibility to build anywhere the MaxiBlocks plugin is installed. And when you're done, sign out and pass on the reins without a hitch. The MaxiBlocks builder, plugin and upcoming MaxiBlocks theme, is entirely free – our revenue comes from selling Pro templates. Build your site with our tools, log out, and your clients gain full capabilities to update and customize with the Pro items you've used. Both the site creator and the new owner have equal access to functionalities; the only difference between the free and Pro versions is the quantity of available templates. https://youtu.be/OQi1YygiYnk **Unlimited downloads. Unlimited sites. No locked blocks.** == 1600+ pro patterns 🌈== Ready-made block patterns - Accordion (4) - Blog (16) - Call to action (80) - Footer (88) - Hero (232) - Icon (150) - Image (238) - Logo (4) - Number counter (8) - Pricing tables (26) - Story mix (232) - Team (230) - Testimonial (118) Coming soon - Navigation menus == 140+ pro page templates == Production ready. Just insert and start editing. - 404 Pages (14) - About Us Pages (11) - Art & design (13) - Business (40) - E-commerce (3) - Educational (6) - Entertainment (6) - Events (3) - Fashion & Beauty (6) - Food & drink (6) - Health (7) - Nonprofit (3) - Services (23) - Sports (8) - Technology (4) - Travel (1) - 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](https://maxiblocks.com/demo/?plan=pro) == 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. - **Mega menus:** 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. - **Extend navigtion block:** Enhanced navigation block for responsive menus. [NOW LIVE] - **See what's cooking:** Check out our [roadmap](https://maxiblocks.com/go/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](https://maxiblocks.com/go/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!🚀](https://youtube.com/playlist?list=PLyq6BtMKKWud7jkcKsulb_jcvgmH3jcda) - **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](https://maxiblocks.com/go/help-desk). - **Full changelog:** Please visit our [GitHub repo](https://maxiblocks.com/go/wordpress-plugin-changelog). == 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](https://twitter.com/maxiblocks) or join our [discord community](https://maxiblocks.com/go/maxi-discord). - **Contribute to MaxiBlocks:** Submit your suggestions, or contribute code to our open-source project. Visit our [GitHub repo](https://maxiblocks.com/go/github-maxi-blocks). - **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_ = How many sites can I build? = There's no limit to the number of sites you can build with MaxiBlocks. The plugin and custom blocks 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 theme? = MaxiBlocks is designed to be compatible with any 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 want access to our Pro template library. Pro templates are suitable for both new and seasoned designers, it offers 2000 ready-made templates, an integrated design library, and quick customization via style cards. Pro templates help aspiring designers quickly improve their skills and produce high-quality websites, while the intuitive UI allows end-users to easily update their websites. = I'm a freelancer/developer/designer - is the Pro access account also for my end client? = No, not yet. For now pro access accounts are intended you and your direct team. End clients don’t need a pro access account to get updates or use any pro patterns you downloaded or designed for them. In future we may introduce cloud services that allow you make your own templates available to your you customers. Let us know on our socials or support channels if this is what you want. = 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 client 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 for your web design customers. Simply sign out from the cloud library to hand over. 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](https://maxiblocks.com/go/roadmap). == 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](https://maxiblocks.com/go/help-desk) for more. **Helpful links:** [YouTube ](https://www.youtube.com/@maxiblocks) | [Pro library](https://maxiblocks.com/pro-library/) | [Demo library](https://maxiblocks.com/demo/) | [maxiblocks.com](https://maxiblocks.com/) | [X-Twitter](https://twitter.com/maxiblocks) | [Discord community](https://maxiblocks.com/go/maxi-discord) | [Roadmap](https://maxiblocks.com/go/roadmap) == Screenshots == 1. Learn to change style cards: Find out how to switch style cards to improve the appearance of your website with our helpful guide. 2. 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. 3. 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. 4. Create background layers for images: Follow our guide to layer images, enhancing the visual interest of your website with this design technique. 5. Improve efficiency with custom block toolbars: Work more effectively using our convenient block toolbars, designed to streamline your website design process. 6. 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. 7. Browse the SVG shape library: View our comprehensive collection of SVG shapes, offering versatile design elements to enhance your website's aesthetics. 8. 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. 9. Customize your style cards: Use our guide to personalize your style cards, giving your website a unique touch. 10. 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. 11. Set automatic image size ratios: See how to set automatic image size ratios to maintain consistent visuals throughout your entire website. 12. 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. == Changelog == _Updates: 22 February 2024_ MaxiBlocks v1.7.1 * Update: Implemented code optimizations to enhance the speed of the editor interface, resulting in a more efficient and responsive user experience. Additionally, these optimizations have reduced the overall size of the plugin, improving load times and resource usage. * Update: Enhanced scroll effects with the introduction of customizable zones and units, allowing for more precise and versatile animations as users navigate through content. * Fix: Adjusted colour opacity settings within Style Cards to ensure accurate and consistent visual representation across all use cases. * Fix: Updated the S breakpoint width to 767 pixels for Style Cards on the frontend, ensuring optimal layout and responsiveness across devices. * Fix: Addressed and corrected potential JavaScript warnings related to scroll effects, enhancing stability and performance of scroll-related animations and interactions. * Fix: Resolved an issue where the Style Cards Editor save button failed to become active upon making modifications within the Light and Dark tabs, ensuring changes are now properly recognized and can be saved promptly. _Updates: 6 February 2024_ MaxiBlocks v1.7.0 * Update: Added Gutenberg navigation menu block support when placed inside of a Container Maxi block. Controlled via global Style Cards settings: 1. Typography, colour, and padding settings for menu items. 2. Extend navigation block mobile menu breakpoint (600px) to MaxiBlocks responsive grid break points 4k XXL, 1920 XL, 1366 L, 1024 M, 767 S & 480 XS. 3. Change colours and other styles for mobile/burger menu. Future support planned for 20 "hamburger menu" icons already available in the icon library. 4. Supports A-current, A-visited and hover colours. These styles improve navigation by visually indicating the current page, visited pages, and clickable links in nav menu items. How to create a menu: Start from the WordPress Site Editor Experience (previously called FSE), add a Container Maxi block to the header. Place a Gutenberg navigation menu block inside, then toggle MaxiBlocks Style Cards open. Create/Edit your custom Style Card under "Navigation menu globals" settings panel. Help article to follow. == Upgrade Notice == New version of MaxiBlocks is available. Upgrade for improved security, more stable experience, important bug fixes or interface refinements. For peace of mind create a backup of your database first, or try the update on a staging site. Use the rollback feature in the plugin settings if needed.