Frontis Blocks — a Gutenberg block library with 30+ blocks, global styling, sliders/galleries, CTAs, and map/form integrations, plus pre-made design patterns everything you need to launch in minutes with the best Gutenberg blocks plugin.
DESIGN BEAUTIFUL, FAST-LOADING WEBSITES IN THE WORDPRESS BLOCK EDITOR (GUTENBERG BLOCK EDITOR) WITH THE BEST GUTENBERG BLOCKS PLUGIN — 30+ BLOCKS, PREMADE DESIGNS, NO CODING.
You can try a live demo of Frontis
Finally, a Gutenberg block library that lets you design beautiful, fast, and professional websites right inside WordPress. Frontis Blocks adds a wide set of powerful Gutenberg block 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 30+ lightweight Gutenberg blocks plus premade designs.)
Add a hero with an advanced/animated heading, place a clear button, show a few testimonials, a pricing table, a gallery or slider, even a Google Map (no API key). It』s simple because it stays with native Gutenberg blocks that feel fast and look clean.
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 Gutenberg Block 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 inside Gutenberg (no new UI to learn).
- Fast by default: Lightweight assets help pages load quickly and support SEO.
- No lock-in: Standard Gutenberg blocks mean 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.
- Container:
Why is Frontis vs. other block libraries?
- Focused, not bloated: 30+ 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 block (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 and resize rows/columns with the Container controls (padding, gaps, backgrounds) for clean, responsive sections in the Gutenberg editor.
- Starter Designs & Patterns – Create pages faster with premade sections and layouts, mix, match, and publish faster with a Gutenberg blocks workflow.
- 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. Keep designs uniform and save time across your Gutenberg block pages.
- Performance & No Lock-In – Optimized assets and clean markup keep pages fast. Content stays standard based on Gutenberg blocks, so you can switch themes or plugin anytime, exactly what you want from the best Gutenberg blocks plugin.
- Responsive Controls — Tweak layouts for mobile, tablet, and desktop inside the WordPress Block Editor.
- Clean, SEO-Friendly Markup — Semantic structure that helps pages rank (a must for the best Gutenberg blocks plugin experience).
- Theme-Agnostic — Works with any theme, and pairs smoothly with the Frontis theme if you want extra compatibility.
- Real Support & Updates — Actively improved so your Gutenberg blocks stay modern and reliable.
Features at a Glance
Our WordPress Gutenberg blocks plugin offers a rich set of blocks to cover almost any design need. With Frontis Blocks, you can build dynamic layouts, interactive sections, and polished content elements in a snap:
- Container: Create structured layouts effortlessly using the Container Block. It allows you to group multiple blocks together with custom padding, margins, background styles, and layout controls. Perfect for building advanced page sections while maintaining responsive design.
- Accordion: Features collapsible elements for displaying content in a limited space. It allows users to expand and collapse sections as needed, which is ideal for FAQs or detailed lists that require space efficiency.
- Advanced Heading: Offers diverse heading designs using various fonts, and decorative elements. Includes unique image masking techniques that highlight headings with creative backgrounds and shapes to capture attention.
- Animated Heading: Grab your visitors』 attention with the Animated Heading Block. Add dynamic, motion-based headings that animate as users scroll or load the page. Choose from multiple animation styles to create visually engaging titles.
- Advanced Button: A variety of button styles including gradients, icons, and different shapes, providing versatile options for different design needs and interaction cues.
- Advanced Image: Enhances images with text overlays, gradient backgrounds for readability, strategic content placement, and dynamic effects like blur and zoom to elevate visual engagement.
- Advanced Video: Displays different styles for embedding video content that enhance the visual appeal and engage users. These styles might include overlays, animations, or unique graphical elements that draw attention to the video content.
- Call to Action: Tired of clunky page builders? Frontis Blocks gives you everything you need to create beautiful, modern websites — right inside the Gutenberg editor. It』s fast, flexible, and fun to use!
- Image Gallery: Various layouts and hover effects for displaying images, suitable for portfolios, product galleries, or visual storytelling, enhancing the visual appeal and user engagement on websites.
- Info Box: Information boxes that combine icons, headings, and text in a structured layout, ideal for quick facts or highlights that need to stand out on a page.
- Icon Box: Utilizes icons combined with text to visually represent different services or features succinctly. This design is effective for quick scanning by users, offering an immediate understanding of the core services or features offered.
- Dual Button: Dual button designs for situations requiring two actions, like 『Buy Now』 vs. 『Learn More』, with stylistic coherence that ensures both options are visually balanced.
- Countdown: Offers various countdown styles that can be used to highlight upcoming events, sales, or deadlines. Styles may range from simple numeric countdowns to more elaborate designs with full background images or animations.
- Feature List: Lists the key attributes or services of a product in an organized manner, using icons, short descriptions, and varying background colors to highlight individual features effectively.
- Testimonials: Features customer reviews in multiple styles, from simple text formats to more graphical interfaces with star ratings and photos, enhancing credibility and trust through user experiences.
- Counter: Displays numerical information such as user counts or project stats in an aesthetically pleasing format. Options include plain numbers, progress bars, and icons that cater to various design preferences.
- Flip Box: Interactive boxes that flip to reveal additional content on hover or click, offering a dynamic way to present information such as team profiles or service details in a compact space.
- Contact Form 7: Different form designs that are crucial for gathering visitor information or inquiries. These designs vary in layout and styling, ensuring they can be seamlessly integrated into any site design while maintaining functionality and user engagement.
- Fluent Form: Seamlessly integrate Fluent Form, one of the fastest form builders for WordPress. With this block, you can embed beautifully styled forms with just a few clicks—ideal for contact forms, surveys, or lead generation without any coding.
- Call to Action: Various button styles for engaging users to take action, with contrasting colors and different shapes, including round and rectangle. Placement on boldly colored backgrounds enhances visibility and prompts user interaction.
- Pricing Table: Showcases different pricing plans or product packages in a clear and comparative way. This feature helps potential customers quickly scan different options and features, facilitating easier decision-making based on cost and service level.
- Social Icons: Multiple styles showcasing social media icons, ranging from minimalistic to brightly colored backgrounds, with or without text labels. This offers flexibility for integration into different website themes while maintaining brand consistency.
- Post Grid: Arrange posts or articles in a grid layout, optimizing the use of space and providing a clean, organized way to browse content. Different styles may include varying image sizes, hover effects, and metadata configurations.
- Team Member: Displays team member profiles in various formats, from basic lists to more dynamic presentations with social media links and detailed bios. This helps personalize a brand and showcase the people behind it in a visually engaging manner.
- Advanced Navigation: Provides various navigation menu styles that can enhance the user interface of websites or applications. This feature includes options like multi-level dropdowns, mega menus, or icon-based navigation that improve the discoverability of site content.
- Slider: Add eye-catching sliders to your site using the Slider Block. Display multiple images or content slides in a rotating carousel with transition effects. Fully customizable to suit hero sections, product showcases, or testimonials.
- Marquee Carousel: Showcase continuous scrolling content with the Marquee Carousel Block. Ideal for displaying partner logos, product highlights, or announcement tickers in a smooth, horizontal scroll. Customize speed, direction, and content with ease.
- Tabs: Show content in tidy tabs (e.g., Features / Specs / FAQs). Mobile-friendly, easy to scan, perfect for long info.
- Google Map Block: Add Google Maps in seconds (no API key). Drop a responsive map in Gutenberg with custom pin, light/dark styles, and zoom—perfect for contact & local SEO pages.
This collection of block plugins is curated to fit any project—whether you』re building a portfolio, business site, blog, or e-commerce store.
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 Gutenberg editor with the same Gutenberg blocks you use for pages.
- Perfect fit out of the box: Global colors, fonts, and spacing from the Frontis Theme match every Gutenberg block in Frontis Blocks.
- 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: Still standard Gutenberg blocks. 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, block guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the Gutenberg editor.
Support
Need help after checking the docs? Send us a message via Frontis Blocks support. Share your WordPress version, theme, and steps to reproduce—we』ll reply fast.
Say Hello, Get Help – Connect with the Frontis Blocks 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 Block 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
