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

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.

Testimonials Block

Testimonial Block

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

Inline Notices Block

Inline Notice Block

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

Sharing Icons Block

Sharing Icons Block

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

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.

Accordion Toggle

Accordion Block

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

Customizable Button Block

Customizable Button

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

Drop Cap Block

Drop Cap

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

Spacer and Divider Block

Spacer & Divider

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

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.