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.