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.

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 →

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!

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.

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 Column Block

Advanced Columns Block

A powerful, flexible column system to build custom, full-page layouts for your posts and pages.

View Block Demo

Newsletter Block

Newsletter Block

Add a customizable Mailchimp-powered email subscription form to your site and grow your audience.

View Block Demo

Newsletter Block

Pricing Table Block

Flexible, customizable, easy-to-use pricing tables to showcase your products and prices.

View Block Demo

Post Grid Block

Post Grid Block

Add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.

View Block Demo

Container Block

Container Block

Wrap several blocks into a section and add padding, margins, background colors and images.

View Block Demo

Call To Action Block

Call-To-Action Block

Add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.

View Block Demo

Testimonials Block

Testimonial Block

Add a customer or client testimonial to your site with an avatar, text, citation and more.

View Block Demo

Inline Notices Block

Inline Notice Block

Add a colorful notice or message to your site with text, a title and a dismiss icon.

View Block Demo

Sharing Icons Block

Sharing Icons Block

Add social sharing icons to your page with size, shape, color and style options.

View Block Demo

Author Profile Block

Author Profile Block

Add a user profile box to your site with a title, bio info, an avatar and social media links.

View Block Demo

Accordion Toggle

Accordion Block

Add an accordion text toggle with a title and descriptive text. Includes font size and toggle options.

View Block Demo

Customizable Button Block

Customizable Button

Add a fancy stylized button to your post or page with size, shape, target, and color options.

View Block Demo

Drop Cap Block

Drop Cap

Add a stylized drop cap to the beginning of your paragraph. Choose from three different styles.

View Block Demo

Spacer and Divider Block

Spacer & Divider

Add an adjustable spacer between your blocks with an optional divider with styling options.

View Block Demo

Coming Soon Block

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
Atomic Blocks Theme Demo

Theme Features

Gutenberg Ready

Gutenberg-Ready

The Atomic Blocks theme works seamlessly with Gutenberg and the new content and media blocks.

Full Screen Content

Full-Screen Content

This theme supports the new editor's wide alignment styles for content that spans the full width of your page.

Atomic Theme Options

Theme Options

We've also added several handy theme options like content width, font choices, font sizes, and more.