Block Navigation
Demo – Documentation – GitHub Block Navigation provides a sidebar with the current post/page’s blocks and some tools to facilitate the editing process in the new Gutenberg editor. Features The features are especially useful for nested blocks – blocks that are inside parent blocks which are difficult to select or move in the editor. Inside the panel several utilities are included to enhance the UX, such as: Dragging blocks to a different location Moving blocks by click Selecting blocks Easily recognising the block from a small snippet of the block’s content The user can select a dark or light color scheme, from the multiple included. Plugin and Theme developers The plugin also provides some features for Plugin and Theme developers, such as: Click and Copy the block’s clientId Click to console.log helpful data from the block Usage Inside the Post editor on the right side of the top Block’s Toolbar the plugin icon/button should appear (if not, please read the FAQ below). Click the icon/button to open the plugin sidebar. Credits Images from the readme banner and screenshots belong to Charles Postiaux.
Top keywords
- blocks7×3.74%
- block6×3.21%
- click4×2.14%
- editor3×1.60%
- inside3×1.60%
- button2×1.07%
- developers2×1.07%
- icon2×1.07%
- icon button2×1.07%
- included2×1.07%
- post2×1.07%
- provides2×1.07%
BlockFlow – FSE Blocks, Site Builder & Starter Templates
THE LIGHTWEIGHT GUTENBERG BLOCKS PLUGIN FOR WORDPRESS FULL SITE EDITING BlockFlow is a fast, no-code block library that brings 25+ professional Gutenberg blocks to the WordPress Site Editor. Build stunning, fully responsive websites with independent desktop, tablet, and mobile controls — no page builder bloat, no coding required. Built for the WordPress Site Editor, BlockFlow gives you complete control over every part of your layout. Adjust spacing, colors, typography, borders, and more from an intuitive inspector. Friendly, real-time controls mean you see every change instantly, so building professional pages feels effortless whether you are a beginner or a pro. Perfect for business websites, landing pages, portfolios, blogs, and WooCommerce stores. Build beautiful designs directly in the WordPress Site Editor. View all features on the Official Site. 🚀 Why Build with BlockFlow? No-Code Block Builder: Design professional layouts with intuitive blocks and real-time preview. No coding, no learning curve. True Responsive Control: Set different values for desktop, tablet, and mobile on every block, with smart inheritance so you only override what you need. Lightweight & Fast: Conditional asset loading means CSS and JS load only for the blocks actually used on each page. Built for FSE: Native support for Full Site Editing, the Site Editor, Global Styles, and theme.json. Dark Mode Ready: Built-in dark mode colors for every block. 1000+ Icons Included: A comprehensive SVG icon library, ready to use. 🗝️ Key Features 25+ Professional Blocks: Container, Grid, Accordion, Slider, Countdown, Testimonials, Team, and more essential blocks for any website. 100% Responsive Design: Desktop, tablet, and mobile controls for every block with smart inheritance. True Device Controls: Switch between Desktop, Tablet, and Mobile views directly in the block inspector. Real-Time Preview: Every change instantly reflects in the editor. Performance Focused: Conditional loading means zero bloat — assets load only for blocks on the page. No Coding Required: Achieve professional results without touching any code. 🎯 Perfect For Business and corporate websites Landing pages and sales funnels Portfolio and agency sites Blog and magazine layouts WooCommerce and online stores Membership and community sites ⏩ Use of 3rd Party Services This plugin connects to external third-party services to provide certain features. Google Maps — The Google Map block embeds maps from Google Maps. Sends location address/coordinates when a page with the block loads. Terms | Privacy YouTube — The Video block can embed YouTube videos. Sends video ID and playback settings when a page with a YouTube video loads. Terms | Privacy Google Fonts — Typography settings can load Google Fonts. Sends font family names when a page using custom fonts loads. Terms | Privacy
Top keywords
