8 Integrations with Storybook

View a list of Storybook integrations and software that integrates with Storybook below. Compare the best Storybook integrations as well as features, ratings, user reviews, and pricing of software that integrates with Storybook. Here are the current Storybook integrations in 2025:

  • 1
    Figma

    Figma

    Figma

    Where teams design together. Figma helps teams create, test, and ship better designs from start to finish. Fast and powerful, just like your work. Packed with design features you already love plus unique inventions like the Arc tool and Vector Networks, Figma helps you keep the ideas flowing. No need to stop to install, save, or export. It’s what any good cloud software should be. Bring your ideas to life faster in animated prototypes that feel like the real thing. Get insights from users and test concepts earlier and more often. Share a link to your design files or prototypes, and get feedback in context. Or, jump into the same file with your teammates—no matter where y’all are in the world—and co-edit live. Create a scalable design system that’s accessible for your organization and easy for you to manage. When all designers are speaking the same language, everyone’s more empowered to do their best work.
    Leader badge">
    Starting Price: $12.00/month/user
  • 2
    Zeroheight

    Zeroheight

    zeroheight

    zeroheight helps teams create, manage and maintain their design systems. Using zeroheight, designers, engineers, and product teams can collaborate and build design systems that can be easily shared across teams. Create a centralized repository of styles, tokens, guidelines, code, components, and patterns, integrated and synced between the tools you already use. zeroheight makes maintaining consistency across different products easier and reduces the time and effort needed to stand up new brands and products confidently. We offer features that suit teams from startup to enterprise, from governance to analytics to automation.
    Starting Price: Free
  • 3
    Locofy

    Locofy

    Locofy

    Frontend development accelerated with AI. Turn designs into frontend code for web & mobile. Build full apps, screens, components & design systems. Ship products 10x faster with your existing design tools, libraries, tech stack & CI/CD workflows. Figma & Adobe XD to React, React Native, HTML/CSS, Gatsby, Next.js, Vue, and more coming soon. Keep using the tools you already use. We provide a Figma & Adobe XD plugin to tag your interactive elements and handle styling, layout, and responsiveness. As a bonus, we provide pre-built components from Material UI, Bootstrap, Ant Design, Chakra UI as well as your Storybook. Locofy converts your designs into production-ready code for React, React Native, HTML-CSS, Next.js, Gatsby, Vue, and more on the way in your preferred framework. Make reusable components and props with LocoAI. Export your code in your preferred settings (CSS Modules, Tailwind, CSS, Typescript, JavaScript, Expo).
    Starting Price: Free
  • 4
    WebContainers

    WebContainers

    WebContainers

    WebContainers, developed by StackBlitz, are a browser-based runtime environment that enables the execution of Node.js applications and operating system commands directly within a web browser tab. This technology allows developers to build instant, interactive coding experiences, from tutorials to full-fledged integrated development environments, without the need for local setups or cloud-based virtual machines. By running entirely client-side, WebContainers offer unmatched user experiences with zero latency, offline capabilities, and enhanced security, as they eliminate the risks associated with server-side code execution. They support native Node.js toolchains, including npm, pnpm, and yarn, and are compatible with major modern frameworks. Additionally, WebContainers facilitate the running of WebAssembly (Wasm) out of the box, allowing for the porting of various languages and frameworks to the browser environment.
    Starting Price: $18 per month
  • 5
    21YunBox

    21YunBox

    21YunBox

    21YunBox provides a modern solution to accelerate any website in China legitimately using the tools your teams love. The tech stack you love broke by default in China. But we bring them back—no more headaches in China. Git push, and your site goes live in China in minutes. 21YunBox Edge: Give your website fast access for 1.41 Billion people in China. Distributed just like a CDN, but with advanced functionality for publishing entire sites and web apps. 21YunBox Build: The Git workflow works in China. Low Code, built-in Continuous Integration and Continuous Deployment. Compliance in China: Following Chinese law doesn't need to be complicated. We help you pick the right permits and licenses to stay compliant with Chinese law. Website Hosting in China Digital Experience Platforms (DXP) do not support China by default. With 21YunBox, we bring back your DXP in China with high-speed and fully compliant with Chinese laws.
  • 6
    Percy

    Percy

    Percy

    Percy is an all-in-one visual testing and review platform that automates visual quality assurance by capturing screenshots of your web, mobile, or component UI, comparing each snapshot against a baseline, and highlighting any unintended visual changes to ensure pixel-perfect consistency. The platform supports integration with popular test frameworks, CI/CD pipelines, and component libraries, enabling teams to capture snapshots at each commit, review diff overlays, approve changes, suppress noise from dynamic elements, and maintain stable visual approval workflows. Percy works across multiple resolutions, browsers, devices, and viewports, and offers features like cross-browser testing, full-page capture, branch-aware baseline selection, intelligent diff filtering, and built-in collaboration tools (approve, request changes, comment). With support for SDKs in major languages and frameworks (e.g., Playwright, Cypress, Storybook), teams can embed Percy into their existing test suites.
  • 7
    Fastr Frontend
    Creator frontend powering your dynamic content. The agile storefront you've always wanted.‌ With Fastr Frontend, you can have the benefits of an API-driven frontend, up and running in no time. A static eCommerce site won’t cut it. You need the freedom to experiment and build a high-converting storefront now to meet your monthly revenue targets. But, development resources are scarce and re-platforming takes too much time. Fastr Frontend gives you the flexibility and performance benefits you’d get from migrating to a new backend or headless tech stack in just days, not years. You can finally build dynamic content and consistent brand experiences, with no coding required. ‌With Fastr Frontend, you can start from a blank canvas, or convert designs from Figma, Sketch, or the entire Adobe Suite into compelling online experiences. No restrictive templates here. Our interactive designs include shop the look, drag and drop actions, hover effects, animations, videos, and more.
  • 8
    Nx

    Nx

    Nx

    Trusted by developers, enterprises, and open-source projects. Whether your workspace has a single project or a thousand, Nx will keep your CI fast and your workspace maintainable. Next generation build system with first-class mono repo support and powerful integrations. Nx makes scaling easy. Modern techniques such as distributed task execution and computation caching make sure your CI times remain fast, even as you keep adding projects to your workspace. It can figure out whether the same computation has run before and can restore the files and the terminal output from its cache. Smart, automated, dynamic distribution of tasks across multiple machines to get maximum parallelization and CPU-efficient CI runs. Share your local computation cache with teammates and your CI system for maximum efficiency. Nothing is faster than not running a task. Nx analyzes your project graph and can differentiate it against a baseline to determine which projects changed.
  • Previous
  • You're on page 1
  • Next