Nex Builder

=== Nex Builder === Contributors: mdfarokahmed Tags: page builder, blocks, gutenberg, container, tabs Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.4 Stable tag: 1.0.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html

A lightweight yet powerful Gutenberg page builder with fully customizable blocks for WordPress.

== Description ==

Nex Builder is a modern, lightweight page builder plugin that extends the WordPress Block Editor (Gutenberg) with professionally designed, fully customizable blocks.

Unlike bloated page builders, Nex Builder works natively inside Gutenberg — no separate editor, no learning curve. Just drag, drop, and design.

= 🧱 Blocks Included =

• Container — Flexible layout container with Flex and Grid support, background, border, and spacing controls.
• Heading — Advanced heading block with typography, colors, hover effects, background, border, and link support.
• Button — Fully customizable button with icons, hover states, gradient backgrounds, and border controls.
• Image — Enhanced image block with CSS filters, opacity, hover effects, and advanced sizing.
• Divider — Configurable divider/separator with multiple styles.
• Tabs — Tabbed content with customizable navigation, styling for active/hover states, and smooth switching.
• Video — Responsive video embed with player controls.
• Google Map — Embeddable Google Map with customizable options.

= ✨ Key Features =

• Inspector Tabs — Each block has Content, Style, and Advanced tabs for organized controls.
• Hover & Active States — Style normal, hover, and active states independently.
• Advanced Controls — Margin, padding, width, position (absolute/fixed/sticky), z-index, transforms, and entrance animations on every block.
• Dynamic CSS — Scoped, optimized styles generated per block with no conflicts.
• Lightweight — No jQuery dependency. Pure vanilla JavaScript on the frontend.
• Performance Optimized — All block CSS is consolidated and minified into a single output.
• Responsive Ready — Blocks adapt to any screen size.
• Developer Friendly — Clean, modular codebase following WordPress Coding Standards.

= 🎨 Design System =

Nex Builder includes a shared component library for consistent UI:

• NexColorPicker — Color swatch with popover picker
• NexBoxControl — 4-sided margin/padding input
• NexSelectControl — Styled dropdown control
• NexTypographyControl — Font family, size, weight, and style
• NexAdvancedControls — Layout, motion effects, and transform panels

= 🔒 Security =

• All output is properly escaped using WordPress functions
• No direct database queries — uses WordPress Options API
• No external API calls or tracking
• ABSPATH checks on all PHP files
• Follows WordPress security best practices

= Development =

Source code and build tools are publicly available at: https://github.com/Farok-ahmed/nex-builder

== Installation ==

1. Upload the nex-builder folder to the /wp-content/plugins/ directory, or install via the WordPress plugin screen.
2. Activate the plugin through the Plugins screen in WordPress.
3. Open the Block Editor on any page or post.
4. Find Nex Builder blocks in the block inserter under the Nex Builder category.
5. Start building!

= Minimum Requirements =

• WordPress 6.0 or greater
• PHP version 7.4 or greater

== Frequently Asked Questions ==

= Does Nex Builder replace Gutenberg? =

No. Nex Builder extends the native WordPress Block Editor (Gutenberg). It adds new, powerful blocks that work alongside all existing WordPress blocks.

= Will it slow down my site? =

No. Nex Builder is designed for performance. It uses vanilla JavaScript (no jQuery), generates scoped CSS per block, and consolidates all styles into a single minified output.

= Is it compatible with my theme? =

Yes. Nex Builder blocks work with any properly coded WordPress theme that supports the Block Editor.

= Can I use it with other block plugins? =

Absolutely. Nex Builder blocks are standard WordPress blocks and work alongside Kadence, GenerateBlocks, Stackable, or any other block plugin.

= Is the plugin translation-ready? =

Yes. All strings use the nex-builder text domain and are wrapped in translation functions.

== Screenshots ==

1. Container block with Flex layout presets
2. Heading block with typography and color controls
3. Tabs block with active state styling
4. Advanced controls panel with transforms and animations
5. Button block with gradient background and icon

== Changelog ==

= 1.0.0 =

• Initial release
• Container block with Flex and Grid layouts
• Heading block with full typography controls
• Button block with icon support and hover states
• Image block with CSS filters and transforms
• Divider block with multiple styles
• Tabs block with tab switching and customizable states
• Video block with responsive embed
• Google Map block
• Shared component library (NexColorPicker, NexBoxControl, etc.)
• NexAdvancedControls for layout, motion, and transforms
• CSS optimization — consolidated and minified block styles

== Upgrade Notice ==

= 1.0.0 = Initial release of Nex Builder. Install to get started with powerful Gutenberg blocks.