aBlocks – WordPress Gutenberg Blocks

Description

aBlocks is a Gutenberg-based website builder that gives you unmatched control over your WordPress website. Whether you’re building a blog, portfolio, eLearning, or eCommerce site, aBlocks offers a powerful collection of fully customizable Gutenberg blocks to make your content stand out.

With built-in form builder, you can easily create any type of website form—from login, registration, contact, and more. Plus, the demo importer provides a vast library of pre-designed patterns and templates, allowing you to kickstart your website effortlessly without starting from scratch.

Why aBlocks?

aBlocks offers a comprehensive collection of highly customizable Gutenberg blocks to elevate your WordPress website. Whether building a simple blog or a complex website, aBlocks provides the flexibility and control you need.

• Easy to Use: Intuitive controls make building with Gutenberg simple, even for beginners.
• Fully Customizable: Adjust everything from colors to animations to suit your design vision.
• Regular Updates: New blocks and features are added regularly to keep your website fresh.
• Responsive Design: All blocks are optimized for a flawless experience on any device.

Check our overview video of aBlocks ??

Check our Form Builder overview ??

Available Blocks

• Container: Design layouts with precision. Customize padding, margins, backgrounds (solid, gradient, or image), borders, and shadows.
• Heading: Create eye-catching titles with fully customizable typography, background colors, images, and text shadows.
• Paragraph: Add advanced text formatting options like line height, font family, and letter spacing. Customize with drop caps and background colors.
• Icon: Choose from a vast icon library. Customize size, color, background, and hover effects.
• Button: Create attention-grabbing buttons. Customize text, backgrounds, borders, and hover effects.
• Image: Showcase images with customizable alignment, borders, and lightbox effects.
• Spacer: Fine-tune your layout with adjustable spacers to control spacing between elements.
• Star Ratings: Display customizable star ratings for product reviews and testimonials.
• Divider: Separate sections with customizable dividers. Choose from solid, dashed, or dotted styles.
• Counter: Display animated counters with customizable start/end values, duration, and styling.
• Countdown: Create excitement with customizable countdown timers for special events.
• Video: Embed videos from YouTube, Vimeo, or your media library with customizable player controls.
• List: Create engaging lists with customizable bullet points, numbering, and icons.
• Toggle: Add collapsible content sections with customizable icons and animation speed.
• Accordion: Organize content with expandable accordion sections, perfect for FAQs.
• Tabs: Create tabbed content sections for easy navigation across multiple topics.
• Flip Box: Add dynamic flip boxes to reveal content on hover, enhancing user engagement.
• Image Comparison: Showcase before-and-after images with an interactive slider for easy comparison.
• Dual Button: Create multiple buttons with easy alignment options. Control button type, style, and layout for a tailored design.
• Carousel: Design any type of carousel with customizable transitions, autoplay settings, and seamless content display.
• Notice: Show alerts or messages with limitless customization, matching your design needs and user preferences.
• Table of Content: Generate an automatic, structured table of contents that improves page navigation and user experience.
• Map: Embed Google Maps or OpenStreetMap without an API key, with adjustable style, zoom, and markers.
• Social Share: Add social icons for sharing on platforms like Facebook and Twitter, with customizable styles.
• SVG Draw: Create animated SVGs with adjustable icon, color, and more for an engaging, visual touch.
• Coupon: Design coupons with customizable labels and copy buttons, styled to fit your brand.
• Content Timeline: Display events or milestones in a clean, customizable timeline format.
• Simple & Mega Menu: Customize your navigation with simple dropdowns or complex mega menus.
• Table Block: Create responsive, customizable tables to display data neatly, perfect for comparison charts, schedules, and more.
• Modal & Popup Builder: Create eye-catching modals and popups with full customization for user engagement, opt-ins, and announcements.
• Form Builder (Any Kind of Form): Effortlessly design and integrate login, registration, password recovery, contact, subscription, multi-step, and custom forms to enhance user engagement and streamline accessibility.
• Search: Integrate a sleek, responsive search bar to improve site navigation and boost user discovery.
• Price List: Display service or product pricing in a visually appealing list, perfect for eCommerce and business sites.
• Progress Tracker: Keep users motivated by displaying completion progress in courses, projects, or tasks.
• Image Hotspot: Interactive markers for images. Click specific areas to reveal content or information.
• Info Box: The Info Box Block highlights key information with customizable layouts, icons, images, button and interactive hover effects for a professional, engaging presentation.
• PayPal: PayPal block for Gutenberg enables easy integration of PayPal payments on your website. Accept payments or donations effortlessly with just a click.
• News Ticker: Effortlessly display scrolling headlines to keep your visitors updated with the latest news.
• Filterable Cards Block: Interactive and customizable cards for dynamic content filtering, enhancing user engagement and seamless navigation.
• Stipe Button Block: Easily integrate secure Stripe payment buttons for seamless transactions directly within your WordPress site.
• Advance List Block: Create highly customizable and dynamic lists with icons, colors, and layouts for better content organization.
• Logout Block: Add a simple, customizable logout button to allow users to securely log out from your site.
• Marquee Block: Create eye-catching, customizable scrolling text or content for announcements, highlights, or dynamic visual effects.

• Stacked Cards Blocks [PRO]: Add customizable, impactful Stacked Cards.

• Demo Importer: Quickly set up and replicate demo designs with a single click for a seamless start.

Figma to WordPress: Simplify Your Design Workflow

Transform your Figma designs into a fully functional WordPress site easily. The Figma to WordPress feature in aBlocks lets you copy design properties with just one click. Save time and eliminate errors by seamlessly transferring typography, colors, shadows, and backgrounds directly from Figma to your WordPress blocks.
With this feature, you can ensure consistent design across your website without the repetitive and time-consuming manual adjustments.

aBlocks – Academy LMS Integration

Unlock the full potential of your eLearning website with aBlocks, designed to integrate seamlessly with Academy LMS:

• Course Grid: Display courses in a customizable grid layout.
• Login Form: Create a sleek, branded login form that integrates with Academy LMS.
• Enroll Form: Simplify course enrollment with a customizable form.
• Student Registration Form: Customize student registration forms for seamless onboarding.
• Instructor Registration Form: Easily onboard instructors with customizable forms.
• Course Search: Help students discover courses with an intuitive search block.
• PDF Embed: Embed course materials or resources directly into your lessons.
• Password Reset Form: Offer a simple, secure password reset option for users.

Note: Academy LMS plugin is required to use these blocks.

Don’t settle for ordinary. Download aBlocks today and start building extraordinary WordPress websites with the power of Gutenberg!

Get started with aBlocks and take your WordPress website to the next level!

?? WHAT’S NEXT

If you like aBlocks, then consider checking out our other WordPress Plugins for FREE:

?? Academy LMS – eLearning and online course solution for WordPress
?? WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map

?? Join the thriving aBlocks community today!

Unlock a powerful network of website creators, designers, developers, and WordPress enthusiasts with aBlocks. Join us in revolutionizing website building with seamless design and advanced block features! ??

Connect with us on social media for the latest news and updates:

?? Our Official Facebook Page
?? Join our Facebook Group
?? Follow us on Twitter
?? Connect in our Linkedin
?? Our Official Support

Screenshots

Blocks

This plugin provides 69 blocks.

• Academy Student Registration Form Showcase Academy LMS Student Registration form attractively.
• PayPal Button Add PayPal payment functionality to your site.
• Academy Courses Showcase Academy LMS courses attractively.
• Academy Login Form Showcase Academy LMS login form attractively.
• List Design customizable, organized lists.
• Heading Add customizable, impactful headings.
• Icon Enhance content with a diverse library of icons.
• Counter Display animated counters for stats.
• Search Add customizable, impactful search.
• Image Hotspot Add customizable, impactful image hotspot.
• Stripe Button Stripe payment integration.
• Table Of Content Easily organize your content for quick navigation.
• Tabs Display content in tabbed sections.
• Countdown Add countdown timers for events.
• Image Comparison Compare two images easily.
• Image Insert and style customizable images.
• Notification A customizable notification block for displaying important messages .
• Academy Password Reset Showcase Academy LMS password reset form attractively.
• Academy PDF Showcase Academy LMS PDF attractively.
• Marquee Auto scrolling item display.
• Form Builder Add customizable, impactful forms.
• Info Box Add customizable, impactful headings.
• Divider Add stylish content section dividers.
• Modal Create customizable modal popups.
• Progress Tracker Add customizable, impactful Progress
• Social Shares Add customizable social media share buttons
• Flip Box Engaging content flip effect.
• Container Create responsive, customizable layout containers.
• Image Scroll Insert and style customizable images.
• Advance lists Customizable, dynamic, organized lists.
• Spacer Easily add adjustable layout spacing.
• Toggle Create interactive toggle sections.
• Logout Quick user logout option.
• Academy Instructor Registration Form Showcase Academy LMS instructor registration form attractively.
• Carousel Make attractive image presentation with carousel
• Button Design stylish call-to-action buttons.
• Academy Certificate Academy Certificate Block
• Content Timeline Design stylish call-to-action Content Timeline.
• Menu Show Navigation
• Paragraph Craft beautiful, fully customizable paragraphs.
• Academy Enroll Form Showcase Academy LMS Enroll Form attractively.
• Star Ratings Display reviews with star ratings.
• Price Menu Craft beautiful, fully customizable price-menu.
• SVG Draw Add customizable, impactful SVG Draw.
• Academy Course Searchbar Course search bar for Academy LMS.
• Coupon Add clickable coupons that copy codes instantly.
• Accordion Organize content into collapsible sections.
• Video Embed responsive, customizable video.
• Filterable Cards Filterable card-based layout.
• Dual Button Craft beautiful, fully customizable Dual Button.
• Map Show google map or OpenStreet map
• Modal Trigger Modal block trigger element
• Checkbox Easily add adjustable layout spacing.
• table-row Create a fully customizable, responsive table. Supports multiple rows and columns
• Single Accordion Show Accordion Item
• Select Easily add adjustable layout spacing.
• Filterable Cards Item Filterable card-based layout Child.
• Advance list item Design customizable, organized advance list item.
• Content Timeline Child Design stylish call-to-action content-timeline-child.
• Tabs Child Design stylish call-to-action tabs-child.
• Academy Certificate ID Academy Certificate ID.
• Academy Certificate Text Academy Certificate Text
• Password Easily add adjustable layout spacing.
• Price Menu Item Craft beautiful, fully customizable price-menu-item.
• Toggle child Easily add conditional content
• Input Easily add adjustable layout spacing.
• Radio Easily add adjustable layout spacing.
• Modal Panel Modal block panel element
• Textarea Easily add adjustable layout spacing.

FAQ

Can I Use aBlocks with any WordPress Themes?

Yes, aBlocks works with any WordPress theme. It integrates with the Gutenberg editor, so you can use its customizable blocks no matter which theme you have. For the best results, make sure your theme supports the latest version of Gutenberg.

Is aBlocks suitable for beginners with no coding experience?

Absolutely! aBlocks has an easy-to-use interface, making it accessible for all skill levels. Whether you’re new to website building or a seasoned developer, you can create beautiful, functional pages without any coding knowledge. The controls are intuitive, and customization options are comprehensive.

Can I Customize the styling of individual blocks in aBlocks?

Yes, each block in aBlocks offers extensive customization options. You can adjust background colors, gradients, images, padding, margins, borders, shadows, and more. There are also responsive settings to apply different styles for desktop, tablet, and mobile views, maintaining a consistent look across devices.

Reviews

Just amazing Gutenberg Blocks

Dorjoy Shahariar January 20, 2025 1 reply

really interesting and comfortfor edit web page

Huge potential

nebo0919 November 28, 2024 1 reply

tried aBlocks and got impressed how much they achieved with a Wordpress plugin which less than 6 months old currently. Super fast speed of development and pretty sure within few years will be top dog plugin when building websites in Gutenberg.

Game Changer for Gutenberg

Rahadyan Hendrasta November 19, 2024 1 reply

aBlocks has completely changed how I see Gutenberg. The customization options are incredibly intuitive, and everything feels polished and professional. It’s like Gutenberg finally found its missing piece. Amazing work by the team behind this!

Best Gutenberg Experience

Dwindi Ramadhana November 15, 2024 1 reply

There is no way I have interest to build a website by using Gutenberg, until aBlocks comes with all new intuitive features. The right sidebar is mindblowing. Gutenberg is not an iceberg with all boring panel sections because of aBlocks! Thanks for developing this!

The aBlocks is just an awesome Page builder WordPress Pugin

Hasan Fardous October 13, 2024

The copy-paste feature of aBlocks WordPress Plugin from Figma to WP is just awesome that I liked most. Really it’s a good innovation. Definitely, I’ll recommend it.

Good start

luke777pl June 14, 2024 1 reply

There are not many blocks yet, but they are functional and of good quality. The aBlocks project is definitely worth following, because it looks interesting and has a lot of potential.

Contributors & Developers

Changelog

1.7.0 – 05/03/2025

• Added – New Form Builder Subscription, Contact, format password, reset password and custom form
• Added – Full Site Demo Importer
• Added – One Click Demo Importing option for theme developer
• Added – Custom CSS
• Added – New Filterable Cards Block
• Added – New Stipe Button Block
• Added – Menu Block Parent Block Settings option
• Added – New Advance List Block
• Added – New Logout Block
• Added – New Button Group Control
• Updated – Every Block Icon Responsive control
• Updated – Every block Button Group Control and added responsive option
• Fixed – Modal Block Scroll issue
• Fixed – Social Share Block Icon height issue
• Fixed – List Block Range Control issue
• Fixed – Tabs Block Image size issue
• Fixed – Select Control Dropdown issue
• Fixed – Google Fonts API unnecessary loading issue
• Fixed – Coupon Block Style issue

1.6.3 – 07/02/2025

• Fixed – WP File System error solved

1.6.2 – 07/02/2025

• Fixed – PCP Plugin Issue

1.6.1 – 03/02/2025

• Fixed – Container Block Full width, alignment and width issue
• Fixed – Transform Unit Select issue
• Improved – Every Block ID saving logic

1.6.0 – 29/01/2025

• Added – New Image Scroller Block
• Added – Background Overlay Control
• Added – Tab Block Auto Play & Sub Text show option
• Fixed – Reset attribute saved issue
• Fixed – Spacer Block Hight Responsive issue
• Fixed – Typography, Text Stoke Range & Unit value issue

1.5.15 – 22/01/2025

• Added – New News Ticker block
• Added – Demo Importer
• Added – Quick Container and Demo Importer option
• Added – Button block shadow control
• Fixed – Counter Block Unit Hide & Responsive issue
• Fixed – Divider Block Range & Unit value issue
• Fixed – Image Comparison responsive issue
• Fixed – Advance panel Background color not working

1.5.14 – 15/01/2025

• Fixed – Container width & alignment issue

1.5.13 – 14/01/2025

• Fixed – Container parent class issue

1.5.12 – 13/01/2025

• Improved – Sidebar Settings Button Hover
• Fixed – Control unit hide issue
• Fixed – Divider Block frontend color issue
• Fixed – Menu block mobile responsive control
• Fixed – Container Block Width issue

1.5.11 – 01/01/2025

• Added – New PayPal Block
• Fixed – Search Block Issue
• Fixed – Container Width issue

1.5.10 – 25/12/2024

• Update – Revamped Range Control
• Fixed – Range Control responsive issue
• Fixed – Carousel Block issue
• Fixed – Typography Reset
• Fixed – Alignment Control Responsive Selected issues
• Fixed – Image Hotspot child Position issue
• Fixed – Image comparison issue
• Fixed – Menu Block Toggle issue improved
• Fixed – Transform PHP warning issue
• Fixed – Redux Toolkit implement
• Fixed – Typography, Border, TextStoke responsive issue solved
• Fixed – Select Control Responsive issue
• Fixed – Info box icon css issue

1.5.9 – 11/12/2024

• Added – Map Block default marker option
• Fixed – Figma copy/paste typography not worked for variable font family
• Fixed – Info Box variation picker not show and sub heading styling not worked
• Fixed – Mega Menu width not worked

1.5.8 – 06/12/2024

• Update – Revamped block attribute maintaining
• Fixed – Divider Block issue
• Fixed – Price Menu Divider issue
• Fixed – Unit control hide issue for responsive
• Fixed – List Block alignment issue
• Fixed – Social Share Block alignment issue
• Fixed – Typography Reset not working issue
• Fixed – Dual Button CSS issue
• Fixed – Advance Position issue

1.5.7 – 30/11/2024

• Added – CSSFilter Responsive control
• Added – All Child Block Parent settings control option
• Fixed – Price Menu Block issue
• Fixed – Unit value hide issue
• Fixed – Modal Block Copy/Paste Error
• Fixed – Notice Block issue
• Fixed – Form Builder Block Icon issue
• Fixed – Every Block Advance tab Width issue
• Fixed – Toggle Block issue
• Fixed – Carousel Block Slide Per View issue
• Fixed – Coupon Block Validation issue

1.5.6 – 26/11/2024

• Fixed – Image Hotspot Block PHP version compatibility issue

1.5.5 – 26/11/2024

• Added – New Info-box block
• Added – New Image-Hotspot block
• Fixed – Icon Block Copy/paste issue
• Fixed – Global Box Shadow

1.5.4 – 24/11/2024

• Fixed – Countdown Block Typography issue
• Fixed – Block Shadow transition not worked issue
• Fixed – Background Overlay Opacity issue
• Fixed – Range Control Unit issue

1.5.3 – 21/11/2024

• Fixed – Range Control & Unit Data Saved issue
• Fixed – Form Builder Editor form submit not disable issue

1.5.2 – 21/11/2024

• Fixed – Container Width issue

1.5.1 – 20/11/2024

• Fixed – Block appender conflicts with multiple block
• Fixed – Tabs Block editor show/hide issue
• Fixed – Toggle Block editor show/hide issue
• Fixed – Counter Block UI issue
• Update – Simple Menu & Mega Menu UI issue

1.5.0 – 18/11/2024

• Added – New Modal & Popup Builder
• Added – New Form Builder (Login, Register)
• Added – New Search Block
• Added – New Price List Block
• Added – New Progress Tracker Block
• Fixed – Academy Instructor Registration Block PHP undefined warning
• Fixed – Start Rating Block issue
• Fixed – List Block Block issue
• Fixed – Toggle Block hide issue
• Fixed – Academy PDF Block delete issue
• Fixed – Table Block checkbox ui issue
• Fixed – Tabs Block hide issue
• Fixed – Icon Uploader image upload issue

1.4.0 – 14/11/2024

• Added – New Table Block
• Added – New Simple & Mega Menu
• Added – aBlocks Pro Integration
• Fixed – Carousel Block issue
• Fixed – Text Shadow value showing issue
• Fixed – Accordion Block Advance padding not working
• Fixed – Countdown Block and UI issue
• Fixed – Toggle Block issue
• Fixed – Button Block issue
• Fixed – Image Block Image Ratio issue

1.3.2 – 06/11/2024

• Fixed – Icon & Button No follow link issue
• Fixed – Image Block custom URL issue
• Fixed – Divider Solid UI issue
• Fixed – Lint:Js & PHPCS issue

1.3.1 – 03/11/2024

• Improved – Figma to WordPress Copy / paste feature
• Fixed – Social share block conflicts with theme
• Fixed – List Block color conflicts with theme
• Fixed – Star Rating PHP Error

1.3.0 – 24/10/2024

• Added – New Social Share Block
• Added – New Svg Draw Block
• Added – New Coupon Block
• Added – New Content Timeline Block
• Fixed -Table of Content issue fixed
• Fixed -Accordion Pattern Conflict issue fix

1.2.3 – 21/10/2024

• Added – New Map Block
• Fixed – Dual Button Block Pattern conflicts issues
• Fixed – Image Comparison Block Pattern conflicts issues

1.2.2 – 16/10/2024

• Fixed – Pattern Assets conflicts with assets generate

1.2.1 – 16/10/2024

• Fixed – Button icon hover css not worked issue
• Fixed – Table of content link generate issue
• Fixed – Carousel navigation Position issue

1.2.0 – 15/10/2024

• Added – New Dual Button Block
• Added – New Carousel Block
• Added – New Notice Block
• Added – New Table of Content Block
• Added – New Notification Block
• Added – Responsive Group Button control
• Fixed – Border Radius undefined php warning
• Fixed – List Block layout issues
• Fixed – React Props Error
• Fixed – Icon Ratio issue

1.1.2 – 08/10/2024

• Fixed – Fix Page Speed issues while editing

1.1.1 – 07/10/2024

• Fixed – Block Duplicate issues
• Fixed – Pattern Creation issues

1.1.0 – 06/10/2024

• Added – New Flip Box Block
• Added – New Image Comparison Block
• Added – New Academy Certificate Block
• Fixed – Popup Close not worked properly
• Fixed – Icon Block SVG Conflicts

1.0.3 – 30/09/2024

• Fixed – Icon spacing issues
• Fixed – Image Block device type not worked
• Fixed – Tabs Block spacing issue
• Fixed – Toggle Block spacing issue
• Fixed – Border Control Hover issue
• Fixed – Box Shadow issue
• Fixed – Background Overlay control issue
• Fixed – Divider Block Icon Support issue
• Fixed – Lot of Bugs & improvements

1.0.2 – 22/09/2024

• Added – Button hover transition
• Fixed – Typography css generate issue

1.0.1 – 20/09/2024

• Fixed – Assets generation issues

1.0 – 19/09/2024

• Added – 22+ Blocks

1.0-beta3 – 13/06/2024

• Added – Icon Block Link option
• Improved – Block Editor experience
• Fixed – Wrapper and Container CSS generate issues
• Fixed – Lot of Bugs

1.0-beta2 – 04/06/2024

• Added – SVG icon insert
• Added – Button block link control
• Improved – All Blocks Markup
• Improved – Revamped icon settings
• Improved – Make all blocks left align
• Fixed – Image Block attribute improvements
• Fixed – Icon Rotation issue
• Fixed – Transform CSS generate issue
• Fixed – Mask CSS generate issue
• Fixed – Reorder Wrapper and Container CSS
• Fixed – Removed undefined and true/false class
• Fixed – Lot of Bugs

1.0-beta1 – 29/05/2024

• Initial beta release