Frontis Blocks — Gutenberg Block Library for the Block Editor

Description

Frontis Blocks is a block library with 40+ blocks, global styles, sliders/galleries, CTAs, and map/form integrations, plus ready-made patterns to help you build pages faster in the Block Editor.

BUILD MODERN, FAST-LOADING PAGES IN THE WORDPRESS BLOCK EDITOR (GUTENBERG) WITH 40+ BLOCKS AND READY-MADE PATTERNS. NO CODING REQUIRED.

You can try a live demo of Frontis

Finally, a block library that lets you design beautiful, fast, and professional websites right inside WordPress. Frontis Blocks adds a wide set of powerful elements so you can build landing pages, blogs, portfolios, and stores in minutes. It works with any theme and pairs perfectly with the Frontis theme for a seamless full-site editing workflow.

You open the WordPress editor and just want to make a good page fast. No heavy plugin, no code, no guesswork. That’s why we built Frontis Blocks. It works right inside the Block Editor (Gutenberg Block Editor) so you can launch real pages right now. (With 40+ lightweight blocks plus premade designs.)

Add an animated heading, buttons, testimonials, pricing tables, galleries, sliders, and a map block—all with simple controls that feel consistent with the Editor.

Now, if you’ve tried big page builders — Elementor, Divi, WPBakery, Bricks, Beaver Builder — you already know the downsides: extra interfaces, extra scripts, and sometimes slower pages as your site grows. Frontis takes a different approach which is Gutenberg first. Your content stays in standard markup, so it’s easy to edit, easy to move, and built to be fast.

Why Frontis instead of heavy page builders (Elementor, Divi, etc.)?

• Native & simple: Build directly in the WordPress Block Editor, using the familiar interface you already know.
• Fast by default: Lightweight assets help pages load quickly and support SEO.
• No lock-in: You can switch themes anytime.
• Real features you’ll use: Container for layout, global control for consistent styles, Copy & Paste Styles to speed up your work.
• Launch today: Premade designs and patterns give you a head start. Just replace text and images.

Why is Frontis vs. other block libraries?

• Focused, not bloated: 40+ blocks that cover real pages — headings, CTAs, accordions/tabs, sliders, counters, post grids, teams, pricing, testimonials, galleries and more.
• Premade designs are included: Start with ready-made sections and full layouts, then tweak with global styles.
• Features: Form styling for Fluent Forms and Contact Form 7, Google Map (no API key), animated headings, sliders/carousels.
• SEO-friendly structure: Clean markup and clear structure help pages rank.
• Beginner-friendly, pro-ready: Easy controls for newcomers, deeper options when you need precision.

SOME POWERFUL FEATURES OF FRONTIS BLOCKS 💪

• Layouts – Build responsive sections with the Container (padding, gaps, backgrounds, and layout controls).
• Starter Designs & Patterns – Mix ready-made sections and layouts to assemble pages faster.
• Global Styling – Set site-wide defaults (container width, spacing, colors, typography) so every page stays consistent and no extra CSS.
• Copy & Paste Styles – Style a block once, reuse it everywhere. Reuse the same styling elsewhere for consistent pages.
• Performance & No Lock-In – Designed to keep markup clean and your content in standard blocks, so switching themes is straightforward.
• Responsive Controls — Tweak spacing and alignment for mobile, tablet, and desktop.
• Clean, SEO-Friendly Markup — Structured blocks that work well with modern themes and SEO plugins.
• Theme-Agnostic — Regular improvements to keep compatible with current WordPress releases.
• Real Support & Updates — Actively improved so your design stays modern and reliable.

Features at a Glance

Frontis Blocks includes a growing collection of custom Gutenberg blocks for WordPress, organized by purpose, so you can design faster, stay consistent, and build page-builder style layouts inside the native editor.

Headings & Text

• Advanced Heading: Create stylish headings with decorative elements, custom typography, and eye-catching designs.
• Animated Heading: Add motion to your headings for stronger visual impact and better engagement.
• Advanced Paragraph: Improve normal text with better spacing, styling controls, and readable layouts.
• Post Title: Dynamically display the current post/page title with full design control.

Buttons & Call To Action

• Advanced Button: Build modern buttons with icons, gradients, shapes, and hover effects.
• Dual Button: Show two actions side-by-side (like Buy Now / Learn More) with balanced styling.
• Call to Action: Create high-converting CTA sections with bold text + buttons that stand out.

Sliders, Carousels & Tickers

• Slider: Showcase multiple slides with smooth transitions, layouts, and controls.
• Slide Item: Add and design individual slides inside the Slider.
• Marquee Carousel: Create an infinite scrolling carousel for logos, images, or highlights.
• Marquee Carousel Item: Add each scrolling item inside the Marquee Carousel.
• News Ticker: Display scrolling headlines or updates—great for announcements and latest posts.

Tabs & Accordions

• Tabs: Organize content into clean tabbed sections to reduce scrolling and improve clarity.
• Tabs Item: Add each tab panel inside the Tabs.
• Accordion: Show collapsible content for FAQs, feature details, or compact layouts.
• Accordion Item: Add each expandable section inside the Accordion.

Images, Media & Galleries

• Advanced Image: Enhance images with overlays, gradients, layout positioning, and visual effects.
• Advanced Video: Embed videos with styled layouts such as overlays and attention-grabbing designs.
• Image Gallery: Build galleries with multiple layouts and hover effects for portfolios or showcases.

Content & Info Boxes

• Icon Box: Highlight services or features with an icon + title + short text (easy to scan).
• Info Box: Display key info in a structured layout for quick highlights or callouts.
• Flip Box: Reveal additional content on hover/click—great for compact info or team/service cards.
• Feature List: Create clean feature lists using icons and short descriptions for clarity.
• Team Member: Show team profiles with photos, roles, and social links to build trust.
• Testimonial: Display customer reviews in polished layouts to increase credibility.
• Pricing Table: Compare plans clearly with feature lists and strong call-to-action buttons.

Forms & Integrations

• Post Comment Form: Add a styled comment form layout that matches your site design.
• Contact Form 7: Display CF7 forms with design-friendly layouts that blend into your page.
• Fluent Form: Present Fluent Forms in clean, modern styles for better user experience.

Blog & Post Elements

• Post Grid: Show posts in a grid layout with flexible styling for blogs and magazines.
• Post Category: Display post categories with customizable design.
• Post Featured Image: Show featured images dynamically with layout and style control.

Social & Sharing

• Social Share: Add share buttons so visitors can share your content faster.
• Social Share Child: Build each share option inside the Social Share block.
• Social Icons: Add social profile icons with multiple styles, layouts, and spacing controls.

Counters, Timers & Progress

• Counter Number: Highlight numbers like users, downloads, or milestones with style controls.
• Progressbar: Visualize progress, skills, or stats using clean progress indicators.
• Countdown: Create countdown timers for launches, sales, events, and deadlines.

Layout & Structure

• Container: Build flexible sections and layouts with better control over spacing and alignment.

Navigation & Maps

• Advanced Navigation: Create modern menus with improved styling and layout options.
• Google Map: Add a map section for locations, contact pages, and store pages.

Technical & Performance

• Critical CSS Separator: Organize and separate critical styling sections to help manage performance-focused layouts.

This collection is designed to fit any project—whether you’re building a portfolio, business site, blog, or e-commerce store—while keeping everything inside the editor for a faster, cleaner workflow.

Frontis Blocks + Frontis Theme = Future-Ready WordPress (FSE)

Frontis Blocks works with any theme, but it works best with the Frontis Theme — both are built for Full Site Editing (FSE), which is the future of WordPress.

• One smooth workflow: Design headers, footers, and templates in the editor with the same blocks you use for pages.
• Fast & stable: Shared lightweight styles (no CSS fights) for better performance and Core Web Vitals.
• Consistent design system: Premade designs/patterns look the same site-wide—no patchwork.
• No lock-in: You can change themes at any time.

All Your Favorite Plugins—Supported

WooCommerce
Yoast SEO
Rank Math
All in One SEO
SEOPress
The SEO Framework
WP Rocket
WP-Optimize
Smush
Imagify
Contact Form 7
WPForms
Fluent Forms
Mailchimp for WordPress
Advanced Custom Fields (ACF)
LearnDash
Tutor LMS
WPML
And More

Documentation

Start with the Frontis Blocks documentation for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the Gutenberg editor.

Docs

Support

Need help after checking the docs? Send us a message via Frontis support. Share your WordPress version, theme, and steps to reproduce—we’ll reply fast.

Support

Say Hello, Get Help – Connect with the Frontis Team

We’re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about Frontis or your setup? DM us — we’ll jump in.

• Facebook Group: https://www.facebook.com/groups/wpmessiah
• Discord: https://discord.gg/wEVmDvRbad
• YouTube Tutorials: https://www.youtube.com/@wpmessiahacademy