Atomic Blocks is a collection of page building blocks for the new Gutenberg block editor. Building pages with the block editor and Atomic Blocks gives you more control to quickly create and launch any kind of site you want!
Installing the customizable Atomic Block plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business. Atomic Blocks provides everything from customizable buttons, to beautifully-designed page sections and full-page layout designs via the Section & Layout block.
Along with the content blocks you’ll find in Atomic Blocks, we’re also publishing helpful articles and tutorials to help you get started with Gutenberg.
New Section and Layout Block!
On top of the handy, time-saving blocks already found in Atomic Blocks, we’re excited to introduce the brand new Section and Layout block! This block comes with a library of pre-designed sections and layouts to help you quickly and easily build a beautiful site with the new block editor.
Using the Section and Layout modal window, you can browse designs by category, search, and even add sections and layouts to a Favorites tab for quick access later. Paired with the free Atomic Blocks theme, which has support for full-width, block-based page building, you have everything you need to start building your site today!
Atomic Blocks currently includes the following blocks:
Atomic Blocks WordPress Theme
We’ve created a beautiful WordPress theme to help you get started with the Atomic Blocks plugin and the new WordPress block editor. The theme integrates seamlessly with the blocks you’ll find in the plugin!
In addition to the Atomic Block Theme, we’ve built Revolution Pro with the StudioPress team. This theme is built from the ground up with blocks—Gutenberg core and Atomic. Using this Theme and the Genesis One-Click Theme Install you can have a new block-based site up and running in minutes.
Google AMP Support
The Accelerated Mobile Pages (AMP) project is a publishing format created by Google to enhance site performance for mobile website users. AMP pages are specially designed for Google search users to quickly load website pages without using any extraneous data. Atomic Blocks has support for AMP built into each block!
Atomic Blocks Help File
We’ve created a handy help file that you can check out here. The help file covers how to setup the plugin and get started with the blocks.
The help file is also available in the plugin once activated. Click the Atomic Blocks admin menu item to visit the Getting Started page.
Follow Along:
This plugin provides 22 blocks.
- atomic-blocks/ab-notice
- Notice
- atomic-blocks/ab-layouts
- Layouts
- atomic-blocks/ab-pricing-table
- Pricing Column
- atomic-blocks/ab-pricing-table-title
- Product Title
- atomic-blocks/ab-pricing-table-features
- Product Features
- atomic-blocks/ab-pricing-table-price
- Product Price
- atomic-blocks/ab-pricing-table-subtitle
- Product Subtitle
- atomic-blocks/ab-pricing-table-button
- Product Button
- atomic-blocks/ab-container
- Container
- atomic-blocks/ab-accordion
- Accordion
- atomic-blocks/ab-button
- Button
- atomic-blocks/ab-pricing
- Pricing
- atomic-blocks/ab-profile-box
- Profile Box
- atomic-blocks/ab-drop-cap
- Drop Cap
- atomic-blocks/ab-post-grid
- Post and Page Grid
- atomic-blocks/ab-cta
- Call To Action
- atomic-blocks/newsletter
- Email newsletter
- atomic-blocks/ab-columns
- Advanced Columns
- atomic-blocks/ab-spacer
- Spacer
- atomic-blocks/ab-testimonial
- Testimonial
- atomic-blocks/ab-column
- Advanced Column
- atomic-blocks/ab-sharing
- Sharing
This plugin can be installed directly from your site.
- Log in and navigate to _Plugins → Add New.
- Type “Atomic Blocks” into the Search and hit Enter.
- Locate the Atomic Blocks plugin in the list of search results and click Install Now.
- Once installed, click the Activate link.
- You will be redirected to the Atomic Blocks Getting Started page.
It can also be installed manually.
- Download the Atomic Blocks plugin from WordPress.org.
- Unzip the package and move to your plugins directory.
- Log into WordPress and navigate to the Plugins screen.
- Locate Atomic Blocks in the list and click the Activate link.
- You will be redirected to the Atomic Blocks Getting Started page.
Can Atomic Blocks be used with any theme?
Yes, you can use Atomic Blocks with any theme, but we recommend using our Atomic Blocks theme or one of the Gutenberg-ready StudioPress themes such as Revolution for the best presentation. Both of these themes have beautiful styles built in specifically for Atomic Blocks.
Do I need the new block editor to use Atomic Blocks?
Yes, you will need to have WordPress 5.0 or later installed to take advantage of Atomic Blocks.
Really love this plugin, the additional features it provides are super. I can easily add an accordion, CTA’s, email newsletters and more and it works seamlessly in my AMP URLs also.
Top marks, great job, a plugin every Gutenberg user should use.
Miss the option to be able of removing specific columns from a pricing table. Some other modification stuff could be improved too.
Good set of blocks, good potential.
Hello,
I am very happy with this plugin!
BUT: some things do NOT work with
Microsoft Edge 44.18362.267.0 !!
for example, AB Accordion does NOT work !!
but still all stars, because otherwise it is very good.
It is really awesome to create very high user experience! Please add an option to disable jquery library. Some of the themes don’t need jquery. This is the why I gave a 4 star. I’ll edit my review in the future.
EDIT: They said “it will be fixed in the next release. Once again thank you!
Most of the blocks have more functionality than the core blocks that come with gutenberg and offer a solid foundation to build upon. But besides some neat features, it’s really basic and not easy to customize. For Dev’s a solid option, but very limited possiblities for editors. No real settings (like disable-blocks or setting defaults) and limited functionality.
“Atomic Blocks – Gutenberg Blocks Collection” is open source software. The following people have contributed to this plugin.
Contributors
