Repolode
Enviar
storybookjs

storybookjs/storybook

Un entorno de trabajo frontend para crear, documentar y probar componentes de UI de forma aislada, compatible con React, Vue, Angular, Svelte y más.

Ver en GitHubSitio web
Estrellas
91,336
Forks
10,472
Issues abiertos
1,867
Último commit
hace 3 horas

¿Qué es?

Storybook es un entorno de trabajo frontend donde los desarrolladores crean componentes y páginas de UI fuera de la aplicación principal. Cada componente se renderiza por separado en una vista aislada, de modo que puede desarrollarse, revisarse y documentarse sin ejecutar toda la aplicación ni tener que llegar manualmente a estados específicos.

Es compatible con una amplia variedad de renderizadores, como React, Angular, Vue 3, Svelte, Web Components, HTML, Preact, Ember y SolidJS; React Native y Android, iOS y Flutter están disponibles mediante proyectos independientes. Storybook se amplía con addons para comprobar la accesibilidad, probar interacciones, configurar fondos y viewports, inspeccionar diseños y generar documentación automáticamente.

El proyecto está organizado como un monorepo y lo mantiene el equipo de Storybook, que ofrece una guía pública para contribuir y canales comunitarios.

Funciones clave

  • 01Renderiza componentes de forma aislada en React, Vue, Angular, Svelte y otros frameworks.
  • 02Ofrece addons para probar la accesibilidad, cambiar de viewport e inspeccionar diseños.
  • 03Genera documentación de componentes a partir de stories.
  • 04Permite probar interacciones dentro de las stories.
  • 05Se puede ampliar mediante una API de plugins para crear addons personalizados.

Casos de uso

  • Desarrollar y revisar los componentes de un sistema de diseño sin ejecutar toda la aplicación.
  • Documentar las variantes de componentes de UI para diseñadores y desarrolladores.
  • Probar estados de los componentes, como las vistas de carga, error y contenido vacío.
  • Comprobar la accesibilidad de los componentes durante el desarrollo.

Inicio rápido

  1. 1

    Visita el sitio web de Storybook para empezar (el README no incluye un comando de instalación)

  2. 2

    Usa storybook.new para crear un proyecto de ejemplo en StackBlitz

Temas

#ui#components#design-systems#documentation#testing#react#vue#frontend#angular#html

Preguntas frecuentes

¿Qué es storybook?
Un entorno de trabajo frontend para crear, documentar y probar componentes de UI de forma aislada, compatible con React, Vue, Angular, Svelte y más. Storybook es un entorno de trabajo frontend donde los desarrolladores crean componentes y páginas de UI fuera de la aplicación principal. Cada componente se renderiza por separado en una vista aislada, de modo que puede desarrollarse, revisarse y documentarse sin ejecutar toda la aplicación ni tener que llegar manualmente a estados específicos.
¿storybook es gratuito? ¿Qué licencia tiene?
storybook es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿storybook sigue mantenido?
Mantenimiento activo. El último commit de storybook fue el 21 oct 2026.
¿Para qué puedo usar storybook?
Desarrollar y revisar los componentes de un sistema de diseño sin ejecutar toda la aplicación. Documentar las variantes de componentes de UI para diseñadores y desarrolladores. Probar estados de los componentes, como las vistas de carga, error y contenido vacío. Comprobar la accesibilidad de los componentes durante el desarrollo.
¿Cómo se instala storybook?
Visita el sitio web de Storybook para empezar (el README no incluye un comando de instalación) Usa storybook.new para crear un proyecto de ejemplo en StackBlitz
¿Dónde consigo storybook?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/storybookjs/storybook

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados