Introduction
Styble Pro is a WordPress Gutenberg blocks plugin that lets you shape your website your way — without writing a single line of code. It adds a collection of advanced, deeply customizable blocks to the native WordPress block editor, along with a global design system so your site stays consistent from page to page.
![]()
What you can build
With Styble Pro you can design full page layouts and rich content directly in the block editor:
- Responsive layouts with the Container and Column blocks, controlled per device.
- Rich content — advanced text, images, videos, icons and separators.
- Interactive elements — accordions, tabs, icon lists, info boxes and animated headings.
- Dynamic content — display your posts in grid or masonry layouts with taxonomy filtering and Ajax pagination.
- Galleries and popups — image galleries with lightbox and overlays, and popups for offers, lead capture and announcements.
A global design system
Instead of styling every block by hand, Styble Pro gives you a set of Global Settings — colors, gradients, typography, buttons, shadows and responsive breakpoints — that you define once and reuse everywhere. Change a global color and it updates across every block that uses it.
Learn more in Global Settings.
How this documentation is organized
- Getting Started — install the plugin and build your first layout.
- Blocks — a dedicated page for every block, grouped by purpose (Layout, Content, Interactive, Buttons, Media, Dynamic Content, Popups).
- Global Settings — the site-wide design system.
- Admin Dashboard — manage blocks, extensions, templates and settings.
- Developer Docs — architecture, extension points and APIs for developers.
Plugin at a glance
| Plugin | Styble Pro |
| Author | ShapedPlugin LLC |
| Type | Gutenberg blocks plugin |
| Website | wpstyble.com |
Ready to begin? Head to Installation & Activation.