Skip to content

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.

Styble Pro blocks in the WordPress inserter

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 ​

PluginStyble Pro
AuthorShapedPlugin LLC
TypeGutenberg blocks plugin
Websitewpstyble.com

Ready to begin? Head to Installation & Activation.

Released under the GPL-2.0-or-later License.