aBlocks – WordPress Gutenberg Blocks

Description

aBlocks is a cutting-edge Gutenberg block plugin designed to give you unprecedented control over your WordPress website. Whether you’re building a blog, a portfolio, an eLearning or an eCommerce website, aBlocks offers an array of fully customizable Gutenberg blocks that make your content shine.

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 ??

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 (Login, Register): Easily design and embed login and registration forms, enhancing user experience and streamlining access.
• 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.

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.

In Development: Coming Soon Blocks

• Loop Builder: Customize the display of posts or products with control over layout and content.
• Paypal & Stripe: Add payment options directly into your pages.
• Image Scroller & Hotspot: Create interactive image experiences with scrolling effects and clickable hotspots.
• News Ticker: Display scrolling announcements or news updates.

Coming Soon: More Powerful Blocks

• Facebook Like & Embed: Integrate Facebook likes and content embeds.
• Playlist: Organize media content into customizable playlists.
• Breadcrumb: Add breadcrumb trails for better navigation.
• Lottie Animation: Add engaging Lottie animations to your website.

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

Screenshots

Blocks

This plugin provides 59 blocks.

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

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

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.

Very nice Blocks Builder

lucanitro94 June 12, 2024 1 reply

Although it is still in the beta phase, the plugin is excellent and has no particular problems. Surely as development progresses, further additional modules will be implemented, but we are already at a good level of modules available.. I recommend trying this new plugin because it really deserves it.. Congratulations to the developers!

Contributors & Developers

Changelog

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