Storybook Ecosystem
With Storybook you can visualize different states of your UI components and develop them outside of your application.
An API is provided for external addons to provide documentation, interactivity and analytics on your components.
A command is provided to create a static version that can be deployed easily to github pages for example.
Popular Projects
Morestorybook
Storybook is a frontend workshop for building UI components and pages in isolation
chakra-ui
β‘οΈ Simple, Modular & Accessible UI Components for your React Applications
addon-designs
A Storybook addon that embeds Figma, websites, or images in the addon panel
watching-you
watching-you is a javascript library for building animations that watch anything on DOM π
storybook-dark-mode
A storybook addon that lets your users toggle between dark and light mode
start-ui-web
π Start UI [web] is an opinionated UI starter with π¦ TypeScript, βοΈ React, β«οΈ NextJS, β‘οΈ Chakra UI, π¦ tRPC, β² Prisma, ποΈ TanStack Query, π Storybook, π Playwright,π React Hook Form,β½From the π» BearStudio Team
vuesion
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design
widgetbook
Widgetbook is the custom widget library and collaboration platform for Flutter frontend teams
Up and Coming Projects
More
app
Turborepo for building SSR Astro websites & components in isolation with Storybook using Supabase for Data & Directus as CMS
NEI_market_analytics
NEI Market Analytics is an open-source project designed to provide comprehensive market value analyses for various financial instruments and digital assets
snap-component
CLI tool designed to streamline the creation of React components with full support for TypeScript, styled-components, Storybook, and Jest
react-boilerplate-template-api
A react template with 3-tier api architecture api > hook > ui , added configurations for vite-ts redux , toolkit , persist , react-router-dom , storybook
foss-gis-web-components
A repo to help get started with GIS mapping libraries and web components
crude-cards
β β β Crude Cards - A shameless "parody" of Cards Against Humanity for those of you who love laughing at the worst things imaginable β because clearly, your sense of humor is broken
najwer23snacks
Design System - A comprehensive collection of React components for building consistent, scalable applications
navarro_blog_front
The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation
