=== BlockFlow – FSE Blocks, Site Builder & Starter Templates ===
Contributors: themeruby
Tags: blocks, gutenberg, fse, page builder, editor
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html

25+ responsive Gutenberg blocks with dark mode. Customize desktop, tablet & mobile separately. Fast, lightweight, no bloat and friendly to use.

== Description ==

== 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](https://wpblockflow.com/)

== 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


== Installation ==

To install BlockFlow, follow these steps:

1. Go to Plugins > Add New.
2. Search for "BlockFlow".
3. Install and activate BlockFlow from your Plugins page.
4. Start using blocks — find them in the "BlockFlow" category in the block inserter.

== Frequently Asked Questions ==

**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](https://github.com/themeruby/blockflow).


== 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
