集成

将你的工具与 Storybook 集成，以连接工作流程并解锁高级功能。

添加你的集成

Vrt Valid Figspec Msw Popular Figma

分类

如何安装插件创建插件

Storybook 8 新功能

可视化测试

在你的 stories 中捕获意外的视觉变化和 UI 错误

热门插件

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

Switch between multiple themes for you components in Storybook

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

Storybook addon for embedding your design preview in addon panel

View a story’s source code to see how it works and paste into your app

storybook-dark-mode

Toggle between light and dark mode in Storybook

Test component compliance with web accessibility standards

Catch unexpected visual changes & UI bugs in your stories

Run component tests on stories via the command line or CI

热门配方

tailwindcss

Tailwind CSS 是一个实用至上的 CSS 框架，包含大量类，可以直接在你的标记中构建任何设计。

next

Next.js 使你能够通过扩展最新的 React 功能来创建全栈 Web 应用程序

@mui/material

Material UI 是一个基于 Google Material Design 规范的组件库。

react-i18next

React i18next 是一个用于本地化应用程序的国际化库。

sass

Sass (也称为 scss) 是一个流行的 CSS 预处理器，允许开发人员编写更易于维护和重用的样式表。

styled-components

Styled Components

Styled Components 是一个 css-in-js 框架，用于构建快速且功能强大的组件。

vuetify

Vuetify 是一个基于 Vue 的组件库，根据 Google Material Design 规范设计。

bootstrap

Bootstrap 是一个强大、可扩展且功能丰富的前端工具包。

@emotion/styled

Emotion 是一个 css-in-js 框架，用于构建快速且功能强大的组件。