Rotate Right Icon

Curved Text

Elevate your text with the Curved Text block variation, allowing paragraphs to gracefully follow a curved path, adding a unique aesthetic to your content. You can combine this feature with Blockify’s rotate animation for a spinning effect, providing a dynamic and engaging element to your website’s design.

Star Empty Icon

Curved text. Curved text. Curved text.

Backup Icon

Counter

The Counter block variation is an effective way to showcase statistical data on your website. Simply set a start and end number, and upon page load, it animates, counting up or down to the final figure. Plus, you can easily include a prefix or suffix to further customize the displayed information.

$40M

Funding received

Star Empty Icon

Icon

The Icon block provides an array of versatile visual elements. It supports multiple icon sets, and with our premium version, you get even more icons. Plus, it seamlessly integrates with WordPress core blocks, enabling you to utilize gradients and other core block features for a richer content experience.

Site Logo Icon
Site Logo Icon
Site Logo Icon
Grid Icon

Grid

Elevate your content layout with the Grid variation, extending the capabilities of the Group block with CSS grid features. Create attractive, responsive grid layouts effortlessly. This variation seamlessly supports all default WordPress core block features for unmatched customization.

Grid Item 1

Grid Item 2

Grid Item 3

Reusable Block Icon

Marquee

Introduce dynamic movement to your content using the Marquee variation. Built on top of the core Row block, it creates captivating scrolling effects for announcements, banners or featured content. Compatibility with all WordPress core block support features such as spacing, colors and typography.

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Marquee Item

Pages Icon

Pro

Boost user engagement with the Related Posts variation, extending the Query Loop block. It dynamically suggests related posts to keep your audience exploring your content. Enjoy seamless integration with all default WordPress core block supports for a consistent user experience.

Image Icon

Post title

rimis accumsan dictumst diam, convallis et eros quis.

Read more →

Code Icon

SVG

Pro

Blockify provides an SVG block variation for the core Image block which allows admin-level users to add custom SVGs right in the editor with realtime previews. All SVG output is sanitized for safety using the same code as the popular Safe SVG plugin.

File Svg Duotone Icon
Copied!
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9.706 8.646a.25.25 0 0 1-.188.137l-4.626.672a.25.25 0 0 7.39z"></path> </svg>Code language: HTML, XML (xml)
Add Submenu Icon

Mega Menu

Pro

Effortlessly craft stunning slideshows and carousels with our user-friendly Slider block. Tailor your display with Slider and Marquee types, set items per page, and customize transition speed. Enjoy additional features like arrows, dots, responsive design, autoplay, pause on hover, and drag-and-drop functionality for a dynamic and engaging website experience.

Home

Contact

Categories

Tops

Pants

Footwear

Accessories

Collections

Summer

Winter

Gymwear

Next Icon

Pro

Simplify site navigation and improve user experience with automatically generated breadcrumb trails that guide visitors through your content effortlessly. Let users easily track their location on your website, making it a breeze to explore your site’s hierarchy and find the content they need.

Home Icon
Home / Blocks
Styles Icon

Dark Mode Toggle

Pro

The Dark Mode Toggle block is a user-friendly feature that adapts to your visitor’s preferences. It offers Light, Dark, and Automatic modes. In Automatic mode, it syncs with your user’s system settings and remembers preferences with a cookie. Enhance accessibility and provide a delightful user experience.

Map Marker Icon

Google Map

Pro

Integrate interactive maps into your site with the Google Maps block. Ideal for contact pages, this block helps visitors easily find your physical location or explore your content geographically. Display your business locations, highlight points of interest, and make it easier for users to engage with your content.

Marker
Slider Icon

Slider

Pro

Effortlessly craft stunning slideshows and carousels with our user-friendly Slider block. Tailor your display with Slider and Marquee types, set items per page, and customize transition speed. Enjoy additional features like arrows, dots, responsive design, autoplay, pause on hover, and drag-and-drop functionality for a dynamic and engaging website experience.

  • Image Icon

    Post title

    rimis accumsan dictumst diam, convallis et eros quis.

    Read more →

  • Image Icon

    Post title

    rimis accumsan dictumst diam, convallis et eros quis.

    Read more →

Tabs Icon

Tabs

Pro

Take your content organization to the next level with the powerful Tabs block. Craft both horizontal and vertical tabs, add icons for visual appeal, and fine-tune layout controls for a tailored look. You can count on solid core block support and harness the power of Blockify visibility settings to determine when to display tabs based on specific conditions.

Phasellus tristique pharetra himenaeos malesuada ad senectus. Mi lectus ridiculus aliquam cubilia magna class ullamcorper posuere mauris. Parturient natoque nisi, efficitur velit urna elit conubia condimentum? Conubia nec nullam nunc a potenti fringilla.

Eros vivamus ultricies class a dis. Nascetur metus ad, gravida vulputate fusce tempor ornare. Interdum enim torquent ac a, massa fringilla curabitur. Luctus lorem morbi ante dis nec torquent orci. Quam scelerisque dignissim suscipit massa commodo.

Himenaeos habitasse aptent mauris cursus nunc dis molestie etiam. Eu porttitor tellus duis sapien montes platea lorem ultricies semper. In diam facilisis libero posuere in in diam adipiscing nam. Erat tempor fames porttitor porta ipsum blandit malesuada. Quis vulputate lacinia sem, mattis tristique elementum ex.

Before After Icon

Image Compare

Pro

With the Image Compare block, you can create engaging before-and-after image comparisons. This block presents a slider that users can drag to reveal or conceal more of the “before” or “after” images, allowing you to showcase transformations, renovations, or any visual story that captivates your audience.

Format List Bullets Icon

Table of Contents

Pro

Enhances user navigation by offering an automatically generated list of links that smoothly scroll to relevant headings upon clicking. Blockify will automatically add IDs to headings where none are set, eliminating the need for manual configurations.

Table of contents

  • Heading one
  • Heading two
  • Heading three
  • Sub heading one
  • Sub heading two
  • Heading four
  • Heading four
Seen Icon

Conditional

Pro

A container block that only displays its inner blocks if a condition is met. Choose from multiple built in visibility options including user status, user roles, post meta, active plugins, cookie values, or even custom callback functions for developers.

Block extensions and design toolkit

Blockify also provides a suite of block extensions which extend core block functionality in a natural way that matches the native WordPress UI.

Negative Margin

An often requested and useful feature for WordPress blocks, negative margins allow you to create interesting and unique layouts. Blockify enables negative value support for most native blocks.

Template Tags

Easily add dynamic content within any core block that contains text. For example, to display the post title within a heading tag, simply add post_title between curly braces. All post fields are supported.

Positioning

Set responsive positioning on any block, including absolute, relative, static etc. Change the inset values, z-index, overflow and more. Optionally set different values for mobile and desktop.

Animation

Add CSS-only animations to all core blocks. There are over 30 effects to choose from plus additional settings to control the easing, event, duration, delay and repetitions.

CSS Filters

Add all types of CSS filters to any core block with easy to use settings. Easily change the blur, brightness, contrast, grayscale, hue, inversion, opacity, saturation and sepia amounts.

CSS Transform

Add all types of CSS transforms including rotation, scale, skew and translate. Set different values for the block default state and hover state separately. This allows for creative effects.

Box Shadow

Choose from any of the themes shadow presets or add your own custom box shadow. Different shadows can be set depending on the blocks state, which lets you control the hover shadow separately.

On Click

Admin users can add custom inline JavaScript to blocks using the “onclick” attribute. Write your own custom JS within the code editor modal to add dynamic functionality to blocks on-click event.

Display

Additional block display settings provide more control over blocks appearance and layout. All settings are responsive so you can set different values for different screen sizes. For example, hide/show blocks on mobile only.

Aspect Ratio

Additional aspect ratio settings for more control over image blocks. Change the aspect ratio, height, object-fit and object-position values with easy to use settings in the editor.

SVGs

Blockify provides an SVG block variation for the core Image block which allows admin-level users to add custom SVGs right in the editor with realtime previews. SVG output is sanitized using the same code as the popular Safe SVG plugin.

Visibility

Pro

The Blockify Pro plugin provides custom block Visibility settings which allow you to conditionally hide or show blocks. Some of the conditions available are user status, user roles, post meta, required plugins and custom callbacks for developers.