Description
25+ responsive Gutenberg blocks with dark mode. Customize desktop, tablet & mobile separately. Fast, lightweight, no bloat and friendly to use.
Responsive Gutenberg Blocks for Full Site Editing
BlockFlow provides 25+ starter blocks designed for WordPress Full Site Editing (FSE) and Gutenberg block editor. Create stunning, responsive websites with professional blocks — customize settings for desktop, tablet, and mobile independently.
Perfect for business websites, landing pages, portfolios, and online stores. Build beautiful designs directly in the WordPress Site Editor without any coding required.
View all features Visit the Official Site
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.
- Lightweight & Fast: Only loads CSS/JS for blocks you actually use on each page.
- Dark Mode Support: Built-in dark mode colors for every block.
- 1000+ Icons Library: Comprehensive SVG icon library included.
- 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.
- No Coding Required: Achieve professional results without touching any code.
Blocks Included
Layout & Structure
* Container — Flexbox and CSS Grid layouts with background options
* Grid — Advanced CSS Grid system for complex layouts
* Slider — Content carousel with touch navigation
* Accordion — Collapsible sections for FAQs
Content & Typography
* Heading — Advanced typography with Google Fonts
* Text — Rich text with full styling controls
* Button — Customizable call-to-action buttons
* Icon — 1000+ SVG icons library
* Icon List — Feature lists with custom icons
* Icon Set — Grouped icon display
* Image — Enhanced image block with lightbox
* Separator — Styled dividers and spacers
Marketing & Conversion
* Countdown — Sale timers and event countdowns
* Counter — Animated number statistics
* Progress Bar — Visual progress indicators
* Testimonial — Customer reviews and quotes
* Team Member — Staff profiles with social links
* Brand Logos — Client and partner logo showcase
* Info Card — Feature boxes and services
* Note — Alerts, warnings, and callouts
Media & Social
* Video — YouTube, Vimeo, and self-hosted video with lightbox
* Gallery — Image galleries with lightbox
* Carousel Images — Image slider with navigation
* Social Icons — Social media profile links
* Google Map — Location maps
* Marquee Text — Scrolling text animations
Why Choose BlockFlow?
- True Responsive Design: Unlike other block plugins, every setting can be customized for desktop, tablet, and mobile independently.
- Built for FSE: Native support for Full Site Editing, Global Styles, and theme.json.
- Performance Focused: Conditional loading means zero bloat — only loads assets for blocks on the page.
- Beginner Friendly: Intuitive controls with real-time preview. No learning curve required.
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
External Services
This plugin connects to external third-party services to provide certain features.
Google Maps
The Google Map block embeds maps from Google Maps.
* Data sent: Location address/coordinates
* When: Page with Google Map block loads
* Terms of Service: https://www.google.com/intl/en/policies/terms/
* Privacy Policy: https://policies.google.com/privacy
YouTube
The Video block can embed YouTube videos.
* Data sent: Video ID, playback settings
* When: Page with YouTube video loads
* Terms of Service: https://www.youtube.com/t/terms
* Privacy Policy: https://policies.google.com/privacy
Vimeo
The Video block can embed Vimeo videos.
* Data sent: Video ID, playback settings
* When: Page with Vimeo video loads
* Terms of Service: https://vimeo.com/terms
* Privacy Policy: https://vimeo.com/privacy
Dailymotion
The Video block can embed Dailymotion videos.
* Data sent: Video ID, playback settings
* When: Page with Dailymotion video loads
* Terms of Service: https://www.dailymotion.com/legal/terms
* Privacy Policy: https://www.dailymotion.com/legal/privacy
Google Fonts
Typography settings can load Google Fonts.
* Data sent: Font family names
* When: Page using custom fonts loads
* Terms of Service: https://policies.google.com/terms
* Privacy Policy: https://policies.google.com/privacy
Blocks
This plugin provides 28 blocks.
- Video Embed videos from YouTube, Vimeo, Dailymotion, or self-hosted sources with customizable overlay and play button.
- Accordion Collapsible accordion with expandable sections.
- Slider Create beautiful slideshows with customizable navigation and effects.
- Icon Set Display a collection of icons inline with optional links.
- Gallery Display images in beautiful grid, masonry, or tiled layouts with lightbox support.
- Icon SVG icon block with customization options.
- Grid CSS Grid container with responsive column layouts.
- Text Advanced text block with typography, columns, and effects.
- Container Flexible container with responsive layout options.
- Google Map Embed a Google Map with customizable location, zoom level, and styling options.
- Image Display images with advanced styling options including masks, overlays, and hover effects.
- Marquee Text Display scrolling text with decorative dividers for announcements and highlights.
- Separator A customizable separator line with style options.
- Icon List Display a list of items with icons and text.
- Team Member Display team member profiles with image, name, description, and social links.
- Carousel Images Display images in a beautiful carousel with lightbox, navigation, and customizable effects.
- Counter Display animated counter statistics with icons and labels.
- Brand Logos Display brand, client, or partner logos in a slider or grid layout.
- Testimonial Display customer testimonials with rating, quote, and author information.
- Progress Bar Display progress with various layouts including line, circle, and box styles.
- Heading Advanced heading block with typography, effects, and hover states.
- Info Card Single info card with media, title, description and optional link.
- Note Callout note with customizable type, icon, and styling.
- Button A customizable button with optional icon.
- Countdown Display a countdown timer to a specific date and time.
- Social Icons Display a collection of social media icons with links.
- Slide Individual slide for the slider block.
- Accordion Item Content container for accordion item.
Installation
To install BlockFlow, follow these steps:
- Go to Plugins > Add New.
- Search for “BlockFlow”.
- Install and activate BlockFlow from your Plugins page.
- Start using blocks — find them in the “BlockFlow” category in the block inserter.
FAQ
-
Does BlockFlow work with any WordPress theme?
-
Yes. BlockFlow works with any WordPress theme that supports the Gutenberg block editor. It’s optimized for Full Site Editing (FSE) block themes.
-
Is BlockFlow compatible with the WordPress Site Editor?
-
Yes. All blocks are built using WordPress Block API v3 and work perfectly in the Site Editor and Gutenberg editor.
-
How do the responsive controls work?
-
Each block setting that supports responsive design shows device toggle icons. Click the device icon to switch between Desktop, Tablet, and Mobile views and set different values for each breakpoint. Mobile inherits from Tablet, Tablet inherits from Desktop — only override what you need.
-
Will BlockFlow slow down my website?
-
No. BlockFlow uses conditional asset loading — CSS and JavaScript only load for blocks actually used on the page. This keeps your site fast and lightweight.
-
Can I use BlockFlow with other Gutenberg block plugins?
-
Yes. BlockFlow follows WordPress coding standards and works alongside other Gutenberg block plugins without conflicts.
-
Where can I find the source code?
-
Full source code including unminified JavaScript is available at our GitHub Repository.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“BlockFlow – FSE Blocks, Site Builder & Starter Templates” is open source software. The following people have contributed to this plugin.
Contributors
Translate “BlockFlow – FSE Blocks, Site Builder & Starter Templates” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release
- 25+ blocks for Full Site Editing
- Responsive controls for all blocks
- 1000+ icon library
- Conditional asset loading
- Dark mode support