LNBuilder is a visual drag-and-drop page builder for WordPress. It lets you create page layouts, custom headers and footers, and single post templates from a visual editor.
The plugin includes responsive controls, reusable templates, global styles, navigation tools, sliders, galleries, forms, tabs, accordions, and WordPress content elements.
Page Builder
- Visual drag-and-drop editing canvas
- Desktop, tablet, and mobile editing modes
- Responsive spacing, typography, sizing, and alignment controls
- Undo and redo support
- Reusable templates
- Global styles for colours, typography, and button presets
Header and Footer Builder
- Custom header and footer templates
- Conditional display rules
- Sticky header options
- WordPress navigation menu integration
- Responsive mobile menu layouts
Single Post Templates
- Custom layouts for posts, pages, and supported post types
- Post title, content, featured image, metadata, categories, tags, and breadcrumbs
- Related posts layouts
- Conditional template assignment
Elements
- Layout: Container, Row, Column, Grid, Flexbox, Section, Div Block
- Content: Heading, Text, Button, Image, Icon, Divider, Spacer, Quote, Badge
- Media: Video, Gallery, Slider, Carousel, Logo Slider, Audio
- Interactive: Tabs, Accordion, Countdown, Counter, Progress
- WordPress: Posts, Site Logo, Nav Menu, Shortcode, Breadcrumb
- Forms: Contact Form, Newsletter, Input, Search
- Navigation: Navbar, Social Links
Mobile Menu
The mobile menu supports slide-down, fullscreen, slide-left, and slide-right layouts. Menu submenus can use accordion behavior, with configurable colours, close buttons, and backdrop behavior.
Responsive Design
LNBuilder provides responsive controls for desktop, tablet, and mobile breakpoints. Values can be configured independently where supported by an element.
Global Styles
Global Styles provides reusable colour variables, typography settings, and button presets. Custom colours can be referenced as CSS variables throughout LNBuilder output.
Performance
- Frontend output uses semantic HTML and scoped CSS where applicable.
- Frontend interactions use vanilla JavaScript.
- WordPress hooks and APIs are used for saving, rendering, and administration.