What is Atomic Blocks?
Atomic Blocks is a collection of "blocks" for the new WordPress block editor, also known as Gutenberg. Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building with blocks gives you more control to quickly create and launch any kind of site you want!
Check out our introduction to Atomic Blocks post on our blog to learn more about Atomic Blocks.
How do I install Atomic Blocks?
The quickest way to use Atomic Blocks is to install it from your WordPress admin. Go to Plugins → Add New and search for Atomic Blocks and install.
You can also download Atomic Blocks using the button above. Once downloaded, you can upload the plugin to your site via FTP, or by going to Plugins → Add New → Upload Plugin.
View the full plugin help file →
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 for the best fit. The Atomic Blocks theme has beautiful styles built in specifically for these blocks. Download the theme using the purple box to the right!
Do I need to install Gutenberg to use this?
Yes, you will need to install the Gutenberg plugin to use Atomic Blocks. Eventually, Gutenberg (the block editor) will be merged into WordPress and you won't need the plugin.
Do I need to know code to use this?
Absolutely not! Atomic Blocks are meant to simplify the creation of content and layouts on your site. However, if you are a developer, feel free to look through the Atomic Blocks code to learn how to create your own blocks.
Currently in Atomic Blocks
Advanced Columns Block
A powerful, flexible column system to build custom, full-page layouts for your posts and pages.
Newsletter Block
Add a customizable Mailchimp-powered email subscription form to your site and grow your audience.
Pricing Table Block
Flexible, customizable, easy-to-use pricing tables to showcase your products and prices.
Post Grid Block
Add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.
Container Block
Wrap several blocks into a section and add padding, margins, background colors and images.
Call-To-Action Block
Add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.
Testimonial Block
Add a customer or client testimonial to your site with an avatar, text, citation and more.
Inline Notice Block
Add a colorful notice or message to your site with text, a title and a dismiss icon.
Sharing Icons Block
Add social sharing icons to your page with size, shape, color and style options.
Author Profile Block
Add a user profile box to your site with a title, bio info, an avatar and social media links.
Accordion Block
Add an accordion text toggle with a title and descriptive text. Includes font size and toggle options.
Customizable Button
Add a fancy stylized button to your post or page with size, shape, target, and color options.
Drop Cap
Add a stylized drop cap to the beginning of your paragraph. Choose from three different styles.
Spacer & Divider
Add an adjustable spacer between your blocks with an optional divider with styling options.
Coming Soon
We have new blocks in the works all the time. Stay tuned for the next Atomic Block.
Demo Coming Soon!
Oh yeah, we also have an Atomic Blocks WordPress theme!
We've created a beautiful little 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!
Theme Demo Download the Theme View the Help File
Theme Features
Gutenberg-Ready
The Atomic Blocks theme works seamlessly with Gutenberg and the new content and media blocks.
Full-Screen Content
This theme supports the new editor's wide alignment styles for content that spans the full width of your page.
Theme Options
We've also added several handy theme options like content width, font choices, font sizes, and more.