Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Storybook

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.

https://github.com/pauliescanlon/mdx-embed

Embed 3rd party media content in MDX - no import required ๐Ÿงฝ

gatsby gatsby-plugin mdx nextjs storybook storybook-addon

Last synced: 16 Jan 2025

https://github.com/PaulieScanlon/mdx-embed

Embed 3rd party media content in MDX - no import required ๐Ÿงฝ

gatsby gatsby-plugin mdx nextjs storybook storybook-addon

Last synced: 09 Nov 2024

https://github.com/connect-foundation/2019-12

๐ŸŽŸ ๊ธ‰์ฆํ•˜๋Š” ํŠธ๋ž˜ํ”ฝ์—๋„ ์•ˆ์ •์ ์ธ ์˜ˆ์•ฝ ์„œ๋น„์Šค, Atomic Pattern์„ ์ ์šฉํ•œ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ, ์‹ค์šฉ์ ์ธ Testing์„ ์ฃผ์ œ๋กœ ํ•˜๋Š” ์ด๋ฒคํŠธ ์„œ๋น„์Šค

atomic cypress docker enzyme express jest kubernetes mariadb nodejs react redis storybook styled-components supertest travis-ci typescript

Last synced: 21 Jan 2025

https://github.com/Hy-Vee/lerna-yarn-workspaces-monorepo

๐Ÿ‰ A Monorepo with multiple packages and a shared build, test, and release process.

babel jest lerna monorepo react storybook styled-components yarn-workspaces

Last synced: 08 Nov 2024

https://github.com/hy-vee/lerna-yarn-workspaces-monorepo

๐Ÿ‰ A Monorepo with multiple packages and a shared build, test, and release process.

babel jest lerna monorepo react storybook styled-components yarn-workspaces

Last synced: 15 Jan 2025

https://github.com/thieryw/gitlanding

โœ’๏ธ React components for creating landingpages

github-pages landing-page react storybook typescript

Last synced: 18 Jan 2025

https://github.com/leveluptuts/bookit

A UI component explorere desiged specifically for Svelte Kit, not spooky ๐Ÿ‘ป

devtools storybook svelte sveltekit

Last synced: 29 Sep 2024

https://github.com/jellydn/next-app-starter

Another awesome starter for your app base on nextjs + tailwind + react-query + zod + react-hook-form + next-auth + jotai

biomejs hacktoberfest jotai nextjs-starter prisma react react-hook-form react-query storybook tailwindcss

Last synced: 20 Jan 2025

https://github.com/gvaldambrini/storybook-router

A storybook decorator that allows you to use routing-aware components in your stories

react react-router storybook vue vue-router

Last synced: 15 Jan 2025

https://github.com/royquilor/twitter-ui-practise

Twitter UI is a beast to style. Practise with Next JS, Tailwind CSS, Radix UI and Storybook.

nextjs prettier radix-ui storybook tailwindcss typescript vercel

Last synced: 16 Jan 2025

https://github.com/intuit/devtools-ds

UI components, libraries, and templates for building robust devtools experiences.

chrome-extension design-system devtools firefox-addon react storybook webextension

Last synced: 16 Jan 2025

https://github.com/storybookjs/eslint-plugin-storybook

๐ŸŽ—Official ESLint plugin for Storybook

eslint eslint-plugin storybook

Last synced: 16 Jan 2025

https://github.com/shiyan7/kinomore

Front-end ะฟั€ะธะปะพะถะตะฝะธะต ะดะปั ะฟะพะธัะบะฐ ะธ ะฟั€ะพัะผะพั‚ั€ะฐ ั„ะธะปัŒะผะพะฒ

cinema jest nextjs redux-toolkit scss storybook typescript

Last synced: 15 Jan 2025

https://github.com/leotm/react-native-template-new-architecture

React Native 0.71.12 โšก M1, Ubuntu ๐Ÿ’ป Hermes โš™๏ธ Fabric ๐Ÿš… Turbo Modules ๐Ÿ’จ TypeScript 5 โœ… Gradle 7.6, JDK 19, NDK 25 ๐ŸŽ Xcode 15b, Sonoma 14b, Ruby 3 ๐Ÿ’Ž Bison 2.3 ๐Ÿฆฌ ccache โ™ป๏ธ Yarn 4rc ๐Ÿ“ฆ ESLint ๐Ÿงน Prettier โœจ SES, LavaMoat, Buck2 ๐Ÿšง Babel ๐Ÿ—ผ GitHub Actions โœ”๏ธ Node 19 โฌข Storybook 6.5rc ๐Ÿ““ libs ๐Ÿ“š for curious early adopters :suspect: #RNEU #APPJS

android arm64 babel deno eslint fabric gradle hermes ios jest m1 prettier react-native react-native-app storybook ts-node turbomodule typescript ubuntu xcode

Last synced: 22 Jan 2025

https://github.com/altai-ui/qui

A Vue.js design-system for Web.

components design-system qui storybook ui vue

Last synced: 16 Jan 2025

https://github.com/storybookjs/addon-jsx

This Storybook addon show you the JSX / template of the story

addon jsx story storybook

Last synced: 20 Jan 2025

https://github.com/storybookjs/test-runner

๐Ÿš• Turn stories into executable tests

jest storybook test-runner testing testing-library testing-tools

Last synced: 16 Jan 2025

https://github.com/channel-io/bezier-react

React components library that implements Bezier design system.

bezier-react component-library design-system figma figma-plugin icons react react-components storybook typescript

Last synced: 17 Jan 2025

https://github.com/ryanclementshax/storybook-addon-next

A no config Storybook addon that makes Next.js features just work in Storybook

addon next nextjs storybook

Last synced: 19 Jan 2025

https://github.com/storybook-eol/addon-smart-knobs

๐Ÿง  This Storybook plugin uses @storybook/addon-knobs but creates the knobs automatically based on PropTypes.

addon development-tools knobs proptypes react storybook

Last synced: 29 Sep 2024

https://github.com/storybookjs/frontpage

๐ŸŒ The website for storybook.js.org

example gatsby storybook website

Last synced: 04 Dec 2024

https://github.com/storybookjs/storybook-addon-console

storybook-addon. Redirects console output into action logger panel

console decorator storybook storybook-addon storybooks

Last synced: 15 Jan 2025

https://github.com/johndatserakis/koa-vue-notes-web

๐Ÿค“ This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

boilerplate bootstrap demo frontend jwt mysql spa storybook template typescript vue vuex

Last synced: 18 Nov 2024

https://github.com/elegantframework/elegant-cli

โœจ Build SEO-friendly websites, super fast full-stack web applications, and much more with Elegant. ๐Ÿ’œ Built with Next.js, TipTap, Tailwind CSS, and more.

elegant jest markdown mdx next nextjs outstatic react reactjs storybook tailwindcss tiptap typescript

Last synced: 22 Jan 2025

https://github.com/timmikeladze/typescript-react-package-starter

๐Ÿ“ฆ Develop & publish Typescript or React packages with ease. PostCSS, Vitest, Biome & Storybook support out of the box. Integrates with Github releases and automatically publishes to NPM. Code is built using tsup.

boilerplate package-starter package-template react react-boilerplate react-package react-starter reactjs starter-kit starter-project storybook tsup tsup-starter typescript typescript-library typescript-package typescript-starter

Last synced: 17 Jan 2025

https://github.com/react-shop/react-ecommerce

E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript

design-system ecommerce enzyme graphql hacktoberfest hooks jest lerna monorepo nestjs nextjs provider react react-native redux shop shopping-cart storybook tests typescript

Last synced: 30 Oct 2024

https://github.com/atolye15/crna-recipe

Step-by-step guide to bootstrap a React Native app from scratch

react react-native storybook typescript

Last synced: 15 Nov 2024

https://github.com/TimMikeladze/typescript-react-package-starter

๐Ÿ“ฆ Develop & publish Typescript or React packages with ease. PostCSS, Vitest, Biome & Storybook support out of the box. Integrates with Github releases and automatically publishes to NPM. Code is built using tsup.

boilerplate package-starter package-template react react-boilerplate react-package react-starter reactjs starter-kit starter-project storybook tsup tsup-starter typescript typescript-library typescript-package typescript-starter

Last synced: 23 Nov 2024

https://github.com/azure/communication-ui-library

UI Library for Azure Communication Services helps developers build communication applications with ease. From turn-key composites to UI components that can be composited together.

azure azure-communication-services communication-application fluent-ui microsoft react storybook

Last synced: 18 Jan 2025

https://github.com/ljosberinn/eslint-config-galex

hopefully the last eslint config you'll ever need - customizable & modern best practices for JS, TS, Node, React, Remix, Next, Jest, testing-library & storybook

best-practices eslint eslint-config esnext jest nestjs nextjs react remix-run rulesets storybook tailwind testing-library typescript

Last synced: 30 Nov 2024

https://github.com/atolye15/cra-recipe

Step-by-step guide to bootstrap a CRA app from scratch.

create-react-app react storybook typescript

Last synced: 15 Nov 2024

https://github.com/juntossomosmais/atomium

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

custom-elements design-system design-systems design-tokens designsystem ionic nx stenciljs storybook typescript web-components webcomponents

Last synced: 17 Jan 2025

https://github.com/pocka/storybook-addon-vue-info

Info addon for Vue components

javascript storybook vue

Last synced: 25 Oct 2024

https://github.com/bensmithett/tropical

Fast, mostly-just-HTML static sites with islands of client-side JS. Click the "Use this template" button โ†–๏ธ

fela hydration islands jamstack json-feed jsonfeed markdown mdx netlify react static-site-generator storybook vite

Last synced: 09 Oct 2024

https://github.com/storybookjs/babel-plugin-react-docgen

๐Ÿ“ Babel plugin to add react-docgen info into your code.

babel-plugin doc-gen docgen-info proptypes react storybook

Last synced: 15 Jan 2025

https://github.com/lifeiscontent/realworld

"The mother of all demo apps" โ€” Exemplary fullstack Medium.com clone powered by Next.js and Ruby on Rails ๐Ÿ…

apollo-client graphql graphql-ruby rails rails-api reactjs realworld storybook

Last synced: 18 Jan 2025

https://github.com/yannbf/mealdrop

Mealdrop is a "real world" app built to show good practices and examples of Storybook

react storybook typescript

Last synced: 16 Jan 2025

https://github.com/mattrothenberg/vue-storybook

Custom <story> blocks for Vue single file components

storybook styleguide vue vuejs

Last synced: 12 Nov 2024

https://github.com/solidos/solid-ui

User Interface widgets and utilities for Solid

forms running-code storybook typescript

Last synced: 18 Jan 2025

https://github.com/SolidOS/solid-ui

User Interface widgets and utilities for Solid

forms running-code storybook typescript

Last synced: 26 Nov 2024

https://github.com/andreapontrandolfo/sheriff

A comprehensive and opinionated Typescript-first ESLint configuration.

astro code-quality eslint javascript jest lint linting lodash nextjs playwright prettier react storybook typescript vitest

Last synced: 15 Jan 2025

https://github.com/zeplin/connected-components-docs

Documentation for Connected Components

angular components react stenciljs storybook swift vuejs zeplin

Last synced: 20 Nov 2024

https://github.com/chromaui/action

GitHub Action for publishing your Storybook to Chromatic

chromatic cli github-actions storybook

Last synced: 19 Jan 2025

https://bufferapp.github.io/buffer-components/

Buffer's shared collection of React UI components ๐Ÿคœ๐Ÿค›

atomic-design javascript react snapshot-testing storybook

Last synced: 16 Nov 2024

https://github.com/bufferapp/buffer-components

Buffer's shared collection of React UI components ๐Ÿคœ๐Ÿค›

atomic-design javascript react snapshot-testing storybook

Last synced: 13 Oct 2024

https://github.com/wintercounter/mhy

๐Ÿงฉ A zero-config, out-of-the-box, multi-purpose toolbox and development environment

babel build cli development-environment jest out-of-the-box react redux storybook webpack zero-configuration

Last synced: 21 Jan 2025

https://github.com/albertogasparin/react-magnetic-di

Dependency injection and replacement for Javascript and React components/hooks

dependency-injection react-context reactjs storybook testing

Last synced: 19 Jan 2025

https://github.com/storybook-vue/storybook-nuxt

Deprecated in favor of https://github.com/nuxt-modules/storybook/

nuxt-devtools nuxt-module nuxt3 nuxtjs storybook storybookjs vue3 vuejs

Last synced: 16 Jan 2025

https://github.com/evgenykochetkov/react-storybook-addon-props-combinations

Given possible values for each prop, renders your component with all combinations of prop values.

addon react storybook

Last synced: 25 Oct 2024

https://github.com/grabarzundpartner/gp-vue-boilerplate

Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.

boilerplate cypress-io generator grabarz-und-partner i18n image-optimization javascript nuxt-i18n nuxt-template nuxtjs nuxtjs-project nuxtjs-template pagespeed postcss pwa static-site storybook vue vue-template vuejs

Last synced: 19 Jan 2025

https://github.com/GrabarzUndPartner/gp-vue-boilerplate

Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.

boilerplate cypress-io generator grabarz-und-partner i18n image-optimization javascript nuxt-i18n nuxt-template nuxtjs nuxtjs-project nuxtjs-template pagespeed postcss pwa static-site storybook vue vue-template vuejs

Last synced: 01 Nov 2024

https://github.com/axa-ch-webhub-cloud/pattern-library

AXA CH UI component library. Please share, comment, create issues and work with us!

custom-elements lerna lit-element lit-html polyfills storybook styleguide webcomponents

Last synced: 19 Jan 2025

https://github.com/NewbeeFE/antd-data-table

A component that combines antd's Table and Form to do the search, display, and operating jobs for data.

antd react react-form-component storybook

Last synced: 18 Nov 2024

https://github.com/royal-navy/design-system

Build web applications that meet the Royal Navy service standards

component-library design-system design-tokens fonts icons lint-config monorepo react storybook

Last synced: 18 Jan 2025

https://github.com/nidkil/vuetify-with-storybook

Setting up Storybook with Vuetify the right way

component-development storybook testing visual-testing vue vue-cli-3 vuetify

Last synced: 31 Oct 2024

https://github.com/zeplin/storybook-zeplin

Storybook addon to view Zeplin resources in story panel

storybook storybook-addon zeplin

Last synced: 20 Jan 2025

https://github.com/naturalclar/expo-typescript-starter

template for react-native project made with expo using typescript

expo react-native react-native-web storybook template typescript

Last synced: 06 Nov 2024

https://github.com/greatsumini/react-facebook-login

Well-Typed React Component for Facebook Login

facebook facebook-login jest oauth react reactjs storybook typescript

Last synced: 18 Jan 2025

https://github.com/AndreaPontrandolfo/sheriff

A comprehensive and opinionated Typescript-first ESLint configuration.

astro code-quality eslint javascript jest lint linting lodash nextjs playwright prettier react storybook typescript vitest

Last synced: 18 Nov 2024

https://github.com/moishinetzer/pbandj

Zero-Config Reusable Component Framework for React ๐Ÿฅœ๐Ÿ’œ

design-system library npm package react reactjs storybook styleguide typescript zero-config

Last synced: 27 Oct 2024

https://github.com/kfirfitousi/blog

๐Ÿ‘จโ€๐Ÿ’ป Dev blog built with Next.js 13, TypeScript, and Contentlayer, using latest Next.js features

blog contentlayer dev-blog giscus markdown mdx metadata next-js nextjs nextjs13 react react-18 server-components starter storybook tailwindcss template typescript vercel vercel-og

Last synced: 21 Jan 2025

https://github.com/aholachek/storybook-mobile

[Deprecated] A storybook addon that helps you create truly mobile-friendly components

deprecated mobile-web reactjs storybook storybook-addon ux

Last synced: 21 Jan 2025

https://github.com/eduardconstantin/storybook-genie

Storybook Genie is a command line interface tool that can generate Storybook stories from React components

cli commandline-interface components generator genie ollama openai openai-api storybook tool

Last synced: 19 Jan 2025

https://github.com/theodorusclarence/expansion-pack

๐Ÿ”‹ Useful stack expansion for ts-nextjs-tailwind-starter

cypress nextjs nprogress react-hook-form react-query storybook swr tailwindcss zustand

Last synced: 29 Dec 2024

https://github.com/linearlabs-workspace/storybook-addon-mock

This addon allows you to mock fetch or XMLHttpRequest in the storybook.

addon mock-data mock-fetch storybook storybook-addon storybook-mock-api storybook-mock-request

Last synced: 10 Jan 2025

https://github.com/torchbox/storybook-django

Develop Django UI components in isolation, with Storybook

django pattern-library storybook storybook-addon storyshots

Last synced: 18 Jan 2025

https://github.com/lubusIN/wp-storybook

๐Ÿ“” Storybook for WordPress Reusable React Components

components gutenberg react storybook wordpress

Last synced: 04 Nov 2024

https://github.com/gsoft-inc/sg-orbit

The design system for ShareGate web apps.

components design-system react storybook

Last synced: 20 Jan 2025

https://github.com/itsjavi/storylite

A lightweight alternative to StoryBook for React, built on top of Viteโšก๏ธ, compatible with CSF 3.0

component-driven component-library component-story-format csf csf3 design-system react stories storybook vite vitejs

Last synced: 08 Nov 2024

https://github.com/arevalolance/design-system-template

๐Ÿ—๏ธ Turborepo + TailwindCSS + Storybook + shadcn-ui

design design-system nextjs react shadcn-ui storybook tailwindcss template turborepo turborepo-example ui vite

Last synced: 19 Nov 2024

https://github.com/lmachens/vite-boilerplate

This boilerplate contains all the tools you need to build a modern web app with TypeScript, React, Vite, Storybook and Express.

boilerplate express react storybook template vite

Last synced: 20 Nov 2024

https://github.com/axafrance/react-toolkit

Flexible components html + css + react using BEM convention. Maybe, you can call it "Design System" !

axa bem-convention design-system front-end-development javascript reactjs software storybook tools

Last synced: 18 Jan 2025

https://github.com/dtwrks/elm-book

Rich documentation builder for Elm applications and packages. Inspired by Storybook and HexDocs.

developer-tools documentation elm elm-lang hexdocs storybook

Last synced: 15 Jan 2025

https://github.com/kickstartds/kickstartds

kickstartDS mono-repository, containing all packages but config related ones and the content component module

components design-system es6 eslint html html5 javascript prettier react storybook styleguide stylelint typescript ui ui-components

Last synced: 22 Jan 2025

https://github.com/kickstartDS/kickstartDS

kickstartDS mono-repository, containing all packages but config related ones and the content component module

components design-system es6 eslint html html5 javascript prettier react storybook styleguide stylelint typescript ui ui-components

Last synced: 06 Dec 2024

https://github.com/storybookjs/brand

๐ŸŽจ Materials for your articles and talks about storybook

badge colors icon illustrations logo presentation storybook video

Last synced: 18 Nov 2024

Storybook Awesome Lists
awesome-design-systems 103 awesome-storybook 50
Storybook Categories
Design systems 269 Design tokens 142 Pattern library 24 UI Design tools 18 Talks 17 Examples 14 Blog posts 13 Books 9 Tutorials 7 Community resources 6 Official resources 6 Presentations 4 License 4 Testing 2 Addons 1