Lookbook is free, open-source and used by teams of all sizes, including:
...and many more
Lookbook's preview inspector allows you to develop your UI components in isolation from each other, outside of your main application's views.
And all previews are rendered in a resizable window to make testing responsive behaviours a breeze.
Lookbook's integrated documentation engine makes it easy to add longer-form documentation alongside your component previews.
Documentation pages are written in Markdown and configured via front matter.
You can use ERB within them and even render live component preview embeds to help make sure that your docs stay up-to-date even when the components are updated.
Embeds Everywhere new
The new preview embeds feature lets you embed interactive component previews outside of Lookbook with just a few lines of code.
Embedded previews have plenty of configuration options and are fully responsive. Have a play with the example on the right below and see what you think!
Plug & Play
Lookbook is 100% compatible with ViewComponent preview classes so can be dropped in to established ViewComponent-based projects with no changes needed to existing preview files.