Groundworx

Groundworx Navigation is a powerful responsive navigation block for WordPress block themes. Build professional navigation menus, mobile-responsive hamburger menus, modal overlays, dropdown navigation, and sticky headers—all with native Gutenberg blocks. No coding required.
Perfect for theme.json block themes, this navigation block gives you complete control over your site’s header navigation, mobile menu behavior, and responsive breakpoints.
<h4>Why Choose Groundworx Navigation?</h4>
Replace complex navigation plugins with a native Gutenberg block solution. Whether you need a simple navigation bar, mobile hamburger menu, full-screen modal overlay, or off-canvas slide-in drawer—Groundworx Navigation handles it all.
Perfect for: 
* Block theme developers building custom navigation headers 
* Sites requiring mobile-first responsive navigation menus 
* Accessibility-focused WordPress navigation 
* Portfolio and business sites with sticky navigation headers 
* Multi-level navigation structures and deep site menus
<h4>Key Features</h4>
Native Gutenberg Navigation Block 
Build your navigation menu entirely in the WordPress Block Editor—no shortcodes, no legacy menu screens, just blocks.
Four Responsive Layout Templates 
 – Modal Navigation – Full-screen overlay menu for mobile devices 
 – Modal Dropdown – Dropdown header navigation on desktop, modal on mobile 
 – Slide-In Navigation – Off-canvas drawer navigation from right edge 
 – Classic Navigation – Traditional navigation bar with hamburger menu collapse
Multiple Menu Display Styles 
Accordion menus · Accordion Alt · List navigation · Vertical menus · Horizontal navigation bars — mix and match with any layout template.
Smart Responsive Behavior 
Set responsive breakpoints (<code>tablet</code>, <code>laptop</code>, <code>desktop</code>, <code>large-desktop</code>) and watch your navigation automatically collapse to a hamburger menu or modal overlay at your chosen screen size.
Flexible Position Controls 
Relative, Sticky Header, Fixed Navigation, or Scroll-Up Reveal—create sticky navigation headers without writing custom CSS.
Accessibility-First Navigation 
Built-in focus traps, ESC key close, arrow-key navigation, and proper ARIA attributes make your menu accessible by default.
Branding Integration 
Add Site Logo, Site Title, or Site Tagline blocks anywhere in your navigation header for seamless branding.
Lightweight & Fast 
No jQuery bloat. Powered by WordPress’s native Interactivity API with vanilla JavaScript—no external libraries needed for responsive navigation.
Submenu Controls 
* Control nesting depth (1-5 levels) for complex navigation structures 
* Indent or flatten submenu display 
* Hover or click to open dropdown submenus 
* Icon controls for submenu indicators
<h4>Navigation Templates In Detail</h4>
Modal Navigation 
Perfect for mobile-first sites. Creates a full-screen overlay navigation menu that slides in from the top or side. Ideal for clean, distraction-free mobile navigation.
Modal Dropdown Navigation 
Best of both worlds: traditional dropdown navigation on desktop, modal overlay on mobile devices. Great for sites with many navigation items.
Slide-In Navigation 
Off-canvas navigation drawer that slides in from the right edge. Popular for modern web apps and mobile-optimized sites.
Classic Navigation 
Traditional horizontal navigation bar that collapses to a hamburger menu icon on smaller screens. The most familiar navigation pattern for users.
<h4>Block Theme Ready</h4>
Groundworx Navigation is built specifically for theme.json block themes. Works perfectly with: 
* Twenty Twenty-Four 
* Twenty Twenty-Five 
* Blockbase 
* Frost 
* Any FSE (Full Site Editing) block theme
Note: Requires a theme.json-ready block theme. Not compatible with classic PHP themes.

Groundworx Navigation – Responsive Menu & Mobile Navigation Block

Responsive navigation menu block for WordPress block themes. Build mobile menus, hamburger navigation, modal overlays, dropdown menus & sticky hea …

Bhuwan Bdr. Rokaha

Yujesh Shrestha

pradip56

Rise Themes

Rise Blocks is a gallery of light weight block for Gutenberg editor. With rise block, you can make stunning layouts for your website or blog with zero knowledge in coding.
<iframe loading="lazy" title="How to create a website using Gutenberg Blocks in one minute!" width="750" height="422" src="https://www.youtube.com/embed/Hwljubang2M?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Watch beautiful <a href="https://wpactivethemes.com/live-preview/" rel="nofollow ugc">Live Readymade Demos</a> to learn what you can do with these blocks.
The main reason behind developing Rise Blocks is to deliver awesome layouts through light weight blocks. This way, we can keep our website light and free from unwanted codes.
So if you are also inclined to use light weights then Rise Blocks is for you. 
Currently we have a couple of great blocks that will help you to create an awesome website. Additionally, you can also check out our WordPress, <a href="https://wpactivethemes.com/downloads/category/premium-wordpress-themes/" rel="nofollow ugc">Gutenberg Friendly Themes</a>, based in Rise Blocks.
We have used self hosted service from https://eaglevisionit.com to import blocks templates.
<h3>Why Rise Block?</h3>
The blocks are light weight which will help to create an awesome websites free from unwanted codes. Its very easy to use, even with zero knowledge in coding can build a stunning website.
There’s all you need to build from simple to complex websites. 
New to Block page builder and Rise Blocks, here’s a <a href="https://wpactivethemes.com" rel="nofollow ugc">tutorial</a> for you to learn about it.
<h3>Rise Blocks</h3>
Blog
This block allows to display five blog articles’s experts and metadata in your desired page. You can fetch it either specific category or all posts and then display it according to publishing date or alphabetical order of the title.
Call to action
This block helps to make attractive call to action section with customized background image and button. You can further personalize it through customizing heading with your choice of fonts, and colors.
Counter
This block allows to display the numbers in most peculiar way than other content. Additionally you can customize the blocks through tweaking the colors and typography.
Advanced Heading
This block enables attractive heading for the page or section with the label feature to show extra information about the topic. You can also customize it further through tweaking settings available in block options in appearance, typography, and color areas.
Section
This block enables you to add a section with a desired layout that allows you to add other block within it.
Page Slider
This block allows you to fetch other pages’ heading and excerpts; and display it in a carousel layout with a link. You can customize the appearance and also tweak colors.
Profile Cards
Add this block to share your energetic team members. You can add their photo, name, description and social profiles.
Icon Boxes
This block enables you to display information along with Icon and show it either in grid or in a row.
Advanced Button
Modern and flexible buttons for gutenberg.
Social Icons
This block enables you to display social icons and set a link to each icon to the relevant social profile with different design options.
Accordion
This block allows you to add collapsible content/faqs on a page or post. It helps for reducing scrolling and categorizing information.
News Block #1
This block enables blog articles either all posts or by category to create a grid layout for Magazine or Blogging websites in a few seconds.
Carousel Post
Carousel Post Block is for creating beautiful Gutenberg post grid blocks, post slider blocks and post carousel blocks quickly.
Icon List
This blocks enables you to effortlessly present and style information with icons in a structured list format.
More BLocks
We have added most useful blocks in our gallery but this is not the end. Still more to add up in Rise Blocks. So stay tuned.
<h3>Resources</h3>
Font Icons: 
Author: Font Awsesome, 
Source: http://fontawesome.io, 
License: https://fontawesome.com/license (Fonts: SIL OFL 1.1, Code: MIT License)
Slick: 
Author: Ken Wheeler, 
Source: https://github.com/kenwheeler/slick, 
License: <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a>
Modal Video 
Author: steelydylan 
Source: https://appleple.github.io/modal-video/ 
License: https://github.com/appleple/modal-video/blob/master/LICENSE
<h3>2.8</h3>
<ul>
<li>Add more html tag selector on icon box</li>
</ul>
<h3>2.9</h3>
<ul>
<li>Updated api’s</li>
</ul>
<h3>3.0</h3>
<ul>
<li>Tested with WP 6.1</li>
</ul>
<h3>3.1</h3>
<ul>
<li>Fixed style issue in Icon Boxes</li>
<li>Fixed style issue in Profile Cards</li>
</ul>
<h3>3.2</h3>
<ul>
<li>Make FSE compatible</li>
<li>Bug fixing</li>
<li>Added example blocks for preview</li>
</ul>
<h3>3.3</h3>
<ul>
<li>Added Icon List block</li>
<li>General issue fixes</li>
</ul>
<h3>3.4</h3>
<ul>
<li>Added support for patterns</li>
<li>Made compatible for Pro plugin</li>
</ul>
<h3>3.5</h3>
<ul>
<li>Made backward compatible for some blocks</li>
</ul>
<h3>3.6</h3>
<ul>
<li>General Fixing</li>
<li>Added content option on carousel post block</li>
<li>Icon list/Advance Button block aligment issue fixed</li>
<li>Blog/Counter block item per row issue fixed</li>
<li>Image Slider block image issue fixed</li>
</ul>
<h3>3.7</h3>
<ul>
<li>Fix security issue</li>
</ul>

Rise Blocks – A Complete Gutenberg Page Builder

The Essential Blocks Library for WordPress Gutenberg Editor.

Groundworx Navigation – Responsive Menu & Mobile Navigation Block vs Rise Blocks – A Complete Gutenberg Page Builder