WP Storybook: A Handy Reference for WordPress React UI Components

LUBUS, a web design agency in Mumbai, has published a site called WP Storybook that offers an interactive way to explore various WordPress React components. It allows developers to browse and search UI components and see a live preview of the component next to example source code.

Wp storybook

WP Storybook lets you view different states for various UI components and even test them on different viewports. The development team at LUBUS is adding more as they discover them while building projects with Gutenberg using reusable components. Their goal in publishing the project is to help developers work faster by making components easier to discover and reference.

LUBUS’ roadmap for WP Storybook includes the following:

  • Add as many possible components and cases as possible
  • Capability to view and copy the example source
  • Playground to test out various props and options using knobs addon
  • Categorize components into groups for better discoverability
  • Recipe stories showcasing composing of various components

If you want to contribute to WP Storybook or log an issue, the code is open source (MIT license) on GitHub.

Would you like to write for WP Tavern? We are always accepting guest posts from the community and are looking for new contributors. Get in touch with us and let's discuss your ideas.

1 Comment


  1. On first viewing it reminds me of interface builder storyboards in Xcode. Looks like a good idea.

    Report

Comments are closed.