Storybook Alternative

Developing components in isolation has proven to be a productive scalable way to build UIs. Here's how Storybook compares with Triplex.

Triplex for VS Code is a viable Storybook alternative enabling you to stay in context developing your React components right next to where you write your code.

Instead of installing and running a CLI application Triplex for VS Code is a VS Code extension. This means you don't have your dependency tree bloated with dependencies needed to run it. If you're working in a large organization you know what I'm talking about when I say dependency upgrade hell.

Opening Components

When opening a component in Triplex for VS Code it's opened in isolation, just like Storybook. The difference is only that components module and its dependencies are loaded, meaning it's super fast to open.

Pressing the Open in Triplex CodeLens action opens the component in Triplex. For more information see the Triplex for VS Code docs.

Feature Comparison

	Triplex for VS Code	Storybook
Controls from props	✅	❌
Visual controls	✅	❌
Managed dependencies	✅	❌
Save changes back to code	✅	❌
React Three Fiber support	✅	❌
Plugins	🚧	✅
Controls from args	❌	✅
Component testing	❌	✅
Visual testing	❌	✅
Documentation	❌	✅

Get Started

Visit the Visual Studio Code marketplace
Press the "Install" button
Make sure "Auto Update" is checked