Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Storybook
![](https://explore-feed.github.com/topics/storybook/storybook.png)
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.
- GitHub: https://github.com/topics/storybook
- Repo: https://github.com/storybooks/storybook
- Released: March 31, 2016
- Related Topics: react, react-native, angular, vuejs, frontend, javascript, nodejs,
- Aliases: storybooks,
- Last updated: 2025-02-13 00:29:01 UTC
- JSON Representation
https://github.com/ruiokazaki-archive/next-jamstack-template
next v11.1.4 の JAMStackテンプレート です。TypeScript, ESLint, Prettier, StoryBook, @chakra-ui, Husky, commit-Lint, microcms-js-sdk, aspida 導入済み
aspida chakra-ui commitlint eslint husky microcms pretti storybook typescript
Last synced: 23 Dec 2024
https://github.com/dschau/gatsby-storybook-config
A helpful utility for getting up and running with Gatsby + Storybook
gatsby javascript react storybook
Last synced: 11 Jan 2025
https://github.com/chocolateloverraj/observables
A collection of examples of observing different data types in JavaScript.
cspell eslint functional-programming javascript no-class observable react standard-js storybook typescript
Last synced: 25 Jan 2025
https://github.com/sebastian-software/edgeapp
[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.
boilerplate graphql-client jest postcss redux storybook webpack webpack2
Last synced: 25 Jan 2025
https://github.com/anicedantfa/blog.ngockhoi96.dev
A personal blog that share my ideas, experiences about techs and lifestyles.
blog cloudflare markdown mdx nextjs postcss react-hook-form react-testing-library reactjs storybook typescript velite vercel vitest zod zustand
Last synced: 11 Feb 2025
https://github.com/ls1intum/artemis-ui
Artemis UI is a dynamic collection of UI components tailored for the Education Platform Artemis, offering an engaging user experience with a focus on accessibility and aesthetics. Emphasizing interactive development with Storybook, it's an open-source project inviting community collaboration for continuous enhancement.
angular artemis storybook ui-components user-experience user-interface
Last synced: 11 Dec 2024
https://github.com/juunie-roh/setting-up-next
eslint headlessui-react heroicons-react husky jest lint-staged nextjs postcss prettier react-redux react-three-cannon react-three-drei react-three-fiber redux reduxjs-toolkit semantic-release storybook tailwind-css tailwindcss typescript
Last synced: 11 Dec 2024
https://github.com/devlander-software/package-json-helper
This is a utility package specifically crafted to enhance the development workflow of design systems using Storybook and React. This tool primarily addresses the challenges posed by the type property in package.json, which can often disrupt the development and deployment processes of design systems.
commonjs javascript npm-package package-json rollup storybook
Last synced: 31 Jan 2025
https://github.com/pomber/react-dx-boilerplate
A react starter kit, based on create-react-app, focused on developer experience
boilerplate react react-boilerplate react-starter-kit reactjs starter-kit storybook
Last synced: 02 Feb 2025
https://github.com/lukasbach/blackmaker
WIP React UI Framework
components design framework library react storybook system typescript ui
Last synced: 23 Dec 2024
https://github.com/devlander-software/collect-exports-for-bundle
The Collect Exports For Bundle Script is a utility designed to automatically generate export statements for files in a specified directory. This tool is especially useful for projects with numerous files that need to be exported, eliminating the tedious task of manually writing export statements.
exports-function rollup storybook typescript
Last synced: 31 Jan 2025
https://github.com/robin-hg/robin-ui
A simple React UI library
dark-mode emotion react react-components react-hooks storybook typescript ui-library
Last synced: 21 Dec 2024
https://github.com/svipulc/evoke-ui
Evoke UI is a modern, flexible, and highly customizable component library built with TypeScript and Vite. It is designed to help developers create beautiful, responsive, and accessible user interfaces with minimal effort.
reactjs storybook taiwlindcss typescript vite
Last synced: 07 Nov 2024
https://github.com/irene-24/react-truncatable
Streamline your UI with this React component that is designed to truncate text seamlessly. [Storybook Doc] https://64f883177ec11e1edcf84fc7-hpmuefbevq.chromatic.com/?path=/docs/stories-truncatable--docs
react storybook testing truncate-text
Last synced: 11 Oct 2024
https://github.com/hexagon06/vue3-boilerplate-library
A vue3 library project base. Intended to quickstart your library development without all the configuration hassle.
rollup storybook typescript vite vue vue3
Last synced: 30 Jan 2025
https://github.com/shavo007/react-boilerplate
React boilerplate with webpack and babel best practices
babel circleci code-splitting eslint-airbnb prettier react storybook webpack
Last synced: 21 Dec 2024
https://github.com/wendelfreitas/ascendio
Designed to simplify the initial setup of your turborepo project. Ideal for indie developers or people looking to create a micro SaaS using most amazing packages such as Nextjs, Vite, shadcn-ui, Jest, Storybook and more.
cli eslint generator jest monorepo nextjs saas saas-boilerplate shadcn storybook turborepo typescript
Last synced: 31 Dec 2024
https://github.com/ctrlup-io/rainbow-react
Rainbow, Ctrl Up's Design System
Last synced: 21 Dec 2024
https://github.com/shun-shobon/nextjs-template
Next.js template with vanilla-extract, Storybook, and other tools
nextjs nextjs-template storybook template vanilla-extract
Last synced: 13 Nov 2024
https://github.com/hackgt/frontend-core
Shared frontend components across React projects
component-library hackathon react storybook
Last synced: 27 Jan 2025
https://github.com/tsedio/tsed-vite-workspaces
A repository that show you how to create mono repository with Ts.ED and Vite/React.
jest nx-workspace reactjs storybook tsed typescript vitejs
Last synced: 05 Jan 2025
https://github.com/jimmy-guzman/react-starter
🍱 Another React Starter using Bun, Vite, TypeScript, tailwindcss and daisyUI.
bun daisyui eslint github-actions knip playwright react storybook tailwind tailwindcss turborepo typescript vitejs vitest
Last synced: 28 Oct 2024
https://github.com/jpb06/test-storybook-msw
A poc focusing on atomic design, storybook and msw
atomic-design msw nextjs storybook
Last synced: 12 Jan 2025
https://github.com/opire/design-system
Opire's Design System
components design design-system storybook styleguide typescript
Last synced: 07 Nov 2024
https://github.com/prantlf/storybook-docs-themes
Set up theme colours of documentation previews in Storybook stories.
addon storybook storybook-addon storybook-addons storybookjs styles stylesheet theme
Last synced: 01 Feb 2025
https://github.com/msupply-foundation/openmsupply-client
Someone should really write a description for this repo.
Last synced: 19 Jan 2025
https://github.com/ahkohd/crao-tailwind-typescript-storybook
Typescript create-react(17)-app override with Tailwind and Storybook configured template (⚛️ 🌊📙)
reactjs storybook tailwindcss typescript
Last synced: 13 Feb 2025
https://github.com/takumakira/markdowneditor
Coding challenge provided by Frontend Mentor https://www.frontendmentor.io/challenges/inbrowser-markdown-editor-r16TrrQX9
cypress cypress-cloud docker expo expressjs fullstack gcp jest jwt kubernetes mysql nodemailer react react-native skaffold socket-io storybook typescript
Last synced: 16 Jan 2025
https://github.com/nickofthyme/storybook-addon-theme-toggle
Storybook addon to toggle between multiple themes.
reactjs storybook storybook-addon theme
Last synced: 08 Nov 2024
https://github.com/lucas0019/site.the-tasteat-restaurant
The Tasteat | Restaurant site template, with the main focus on the study of new stacks
graphql headless hygraph jest-tests nextjs radix-ui storybook storybook-ui styled-components typescript
Last synced: 09 Jan 2025
https://github.com/tymothy6/scholarmaps
Interactive literature maps, analysis, & reporting with Semantic Scholar API, Reactflow, and Novel.sh WYSIWYG editor
d3js mdx mongodb nextjs novel prisma react-force-graph reactflow semanticscholar shadcn-ui storybook tailwindcss tiptap vercel-ai-sdk
Last synced: 02 Feb 2025
https://github.com/viktoriaafitova/production-project
ci feature-sliced-design react storybook typescript unittest webpack
Last synced: 05 Jan 2025
https://github.com/cheesecakelabs/gatsby-boilerplate
Cheesecake Labs + Gatsby = 💜
eslint postcss storybook stylelint
Last synced: 16 Jan 2025
https://github.com/arthur-arslanov/react-headless-ui-collection
Collection of 13 React Headless UI components, built in TypeScript & covered by tests
library react scss storybook typescript ui-components uikit
Last synced: 07 Feb 2025
https://github.com/danny-englander/quartz
A Drupal 10 Single Directory Components theme using PostCSS and Storybook
components css drupal laravelmix postcss storybook twig
Last synced: 28 Dec 2024
https://github.com/stephane-klein/storybook-reactjs-scaffolding
Storybook + ReactJS + i18next + some storybook addons Scaffolding
Last synced: 28 Jan 2025
https://github.com/vin20777/storytelling
Use Swift 4 build an auto rundown paragraph animation
animation cadisplaylink interactive rundown storybook
Last synced: 16 Jan 2025
https://github.com/georgekaran/georgekaran.com
This is my personal page where i'll post my projects and updates about me.
jest nextjs portfolio react react-testing-library storybook styled-components tdd
Last synced: 30 Jan 2025
https://github.com/bitloops/frontend-copilot
Bitloops is an AI-Powered Front-End Companion in VS Code that transforms your design into high-quality, maintainable code effortlessly.
ai frontend nextjs react responsive-design storybook tailwindcss typescript
Last synced: 15 Jan 2025
https://github.com/usulpro/portfolio
Senior Software Engineer
apollo-client apollographql auth0 babel graphql jamstack javascript jest material-ui nodejs npm open-source prisma reach-router react react-router redux storybook webpack yarn
Last synced: 06 Feb 2025
https://github.com/usrrname/learnstorybook-v6-angular
Updating the tutorial code for Storybook v6+ to support Angular 11
angular component-driven storybook typescript
Last synced: 01 Feb 2025
https://github.com/shunyue1320/flint
for learning
antd cspell demo eslint husky i18next lint-staged mobx monorepo prettier react react-hooks react-router storybook typescript vite
Last synced: 30 Jan 2025
https://github.com/boonya/backendless-apollo-client
How to do a Frontend Ahead of Backend demo project
apollo-client chromatic graphql storybook
Last synced: 08 Jan 2025
https://github.com/naporin0624/storybook-preview-deploy
storybook preview deploy sandbox
githubpages react storybook vanilla-extract vite
Last synced: 06 Feb 2025
https://github.com/luismarchio03/professional-react-project-using-jest-testing-library-react-and-storybook
Projeto desenvolvido durante o curso professional-react-project-using-jest-testing-library-react-and-storybook | React + Typescript + Jest + Testing Library + Storybook + React Testing Library
atomic-design jest react reactjs stitches storybook testing-library vite
Last synced: 22 Jan 2025
https://github.com/adrianoescarabote/frontend-quiz-app
This project entailed the development of a frontend quiz. I utilized Figma files for styling the project.
figma git gitflow jest next redux-toolkit storybook tailwind testing-library typescript
Last synced: 21 Jan 2025
https://github.com/dbish6/quest_casino_full-stack_app
This app is a fun "casino" app which would have different kinds of casino games.
casino casino-games css cssmodules express game mongodb mongoose monorepo nodejs npm react reactjs redux server-side-rendering storybook turborepo typescript vite
Last synced: 14 Oct 2024
https://github.com/tobiaslueger/jugend-eifelverein-website
🌐 Eine Webseite für die Wanderjugend im Eifelverein Rheinbach
javascript react storybook tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/rismanss/react-uikit-cli
CLI for create uikit in react project
cli react react-component react-uikit react-uikit-cli storybook uikit
Last synced: 31 Dec 2024
https://github.com/doupoa/zzzstory
Zenless Zero Zone Plot Summary
documentation mihoyo storybook vitepress zenless-zone-zero zzz
Last synced: 27 Nov 2024
https://github.com/davicho-dev/nextts-redux_toolkit-jest-testing_library-materialui-cypress-storybook
This repository is a template with the configurations needed to use NextJS + TypeScript + Redux Toolkit + Jest + Testing Library + MaterialUI + Cypress + Storybook
cypress cypress-testing-library eslint jest material-ui next-js next-js-template nextjs nextjs-template nextjs-typescript prettier prettier-eslint react reactjs redux-toolkit storybook testing-library testing-library-react typescript yarn-berry
Last synced: 08 Feb 2025
https://github.com/jaysongiroux/notion-blocks
Customizable notion blocks npmjs package
notion notion-api npmjs react storybook typescript
Last synced: 22 Jan 2025
https://github.com/vladislaw9/shift-cinema
axios babel cypress eslint jest prettier react react-testing-lib scss storybook stylelint tanstack-query vite zustand
Last synced: 13 Feb 2025
https://github.com/mvfsillva/find-quebec-montreal-bus
date-fns i18next nextjs react storybook styled-components swr typescript
Last synced: 08 Feb 2025
https://github.com/marianapatcosta/my-first-design-system
A simple design system composed of: Accordion, Button, Card, Carousel, Checkbox, Dropdown, DropdownMultiselection, Emoji, Image, Input, Modal, RadioButton, Search, ShowMore, Step, Stepper, Tab, Tabs, Textarea, Toast, ToggleSwitch, Tooltip, Upload; React;
component-library jest npm-package plopjs react react-testing-library storybook styled-components typescript
Last synced: 12 Nov 2024
https://github.com/wuweiweiwu/ez-react-component
An opinionated CLI to quickly bootstrap the development environment for your React component
babel bolierplate component create-react-app development environment enzyme jest react storybook webpack
Last synced: 24 Jan 2025
https://github.com/joaonetogit/boilerplate-next
NextJs 14, Sass, Storybook, Eslint + Prettier
eslint next14 nextjs-boilerplate nextjs-template nextjs14 prettier sass scss storybook vercel
Last synced: 07 Jan 2025
https://github.com/bush1d3v/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.
actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse
Last synced: 20 Jan 2025
https://github.com/ssi02014/gachigayo_front_template
🛬 가치가요 팀프로젝트 프론트엔드 템플릿
react redux redux-saga storybook styled-components
Last synced: 30 Dec 2024
https://github.com/chara0511/hacker-news
Frontend development challenge.
chromatic cypress react react-query storybook styled-components typescript vite
Last synced: 28 Dec 2024
https://github.com/bcgov/jag-ecrc
Ministry of Attorney General - eCRC
ag attorney-general ecrc jest pssg react spring-boot storybook
Last synced: 25 Nov 2024
https://github.com/robhameetman/shadow-ui
A UI pattern library with 100+ Web Components, automated screenshot testing, and MDX documentation with Storybook.
lerna-monorepo mdx pattern-library pre-alpha prs-welcome screenshot-testing storybook typescript ui webcomponents
Last synced: 12 Feb 2025
https://github.com/dianrahmaji/kkn-countdown
⏰ You don't need to check the calendar and and count how much time left. Just visit this website!
nextjs prisma storybook tailwindcss vitest
Last synced: 06 Jan 2025
https://github.com/dlarroder/playground
My React component library playground
components-library emotion reactjs storybook tailwindcss twin-macro typescript
Last synced: 27 Jan 2025
https://github.com/henrybravos/storybook-example
Tutorial StoryBook with react js
react reactjs storybook storybook-addon typescript
Last synced: 23 Jan 2025
https://github.com/b3nnyl/scss-storybook-quickstarter
boilerplate sass scss storybook ui webpack4
Last synced: 16 Jan 2025
https://github.com/bkinsey808/next-demo
DX(developer experience)-focused starter project for NextJs that integrates an opinionated set of libraries and best practices into a single cohesive whole. Informed by experience with enterprise front end projects successfully built by large teams. Specific technologies may change, but best practices stand the test of time.
commitizen commitlint eslint headlessui husky jest nextjs playwright react storybook stylelint tailwind typescript
Last synced: 28 Jan 2025
https://github.com/bobbykim89/manguito-component-library
Manguito Component library is a component library based on Vue 3 and Tailwind CSS
component-library lerna storybook tailwindcss vite vue3
Last synced: 27 Oct 2024
https://github.com/codenameyau/web-journal
:octocat: My web component journal
animations canvas components css html react storybook styled-components
Last synced: 12 Feb 2025
https://github.com/dan-mba/react-svg-components
A collection of React components to generate SVGs
css react storybook svg typescript vite
Last synced: 21 Oct 2024
https://github.com/arrudadev/react-storybook-example
A example of usage of the Storybook in a ReactJs app
javascript nextjs reactjs storybook
Last synced: 14 Jan 2025
https://github.com/walkerrandolphsmith/web-components
storybook typescript webcomponents
Last synced: 24 Jan 2025
https://github.com/jdizm/react-storybook-library
A starter repo for a Storybook library with TS, Vite & React
design-system react storybook ui-library vite
Last synced: 02 Feb 2025
https://github.com/coderyjw/jw-ui-react
一个 react ui 组件库
components react react-hooks storybook typescript
Last synced: 15 Jan 2025
https://github.com/softspiders/cra-ts-uilib-storybook-storyshots-lerna
Minimalistic create-react-app in TypeScript based on UI lib with Storybook and Storyshots in Lerna monorepo
cra lerna lib monorepo react snapshot softspider softspiders ss storybook storyshot template test ts typescript ui uilib
Last synced: 15 Jan 2025
https://github.com/halilatilla/getea
If you need a random fancy avatar or some kind of icon, check this out!
avatar avatar-generator avatar-placeholder chromatic placeholder-avatars profile-picture react storybook svg svgr
Last synced: 07 Jan 2025
https://github.com/animaapp/mantine-ui-storybook
anima figma mantine-ui react storybook
Last synced: 01 Feb 2025
https://github.com/willahh/notizen
Store and sync your notes across all your devices
nestjs postgresql react reactnative redux storybook tailwindcss typeorm typescript
Last synced: 18 Jan 2025
https://github.com/softspiders/next-typescript-storybook-snapshot-test
Minimalistic NextJS in TypeScript with Storybook and Snapshot testing
helloworld javascript js min mini next next-js nextjs snapshot softspider softspiders ss starter storybook template test testing ts typescript
Last synced: 15 Jan 2025
https://github.com/jpvalery/mistral
My own component library (WIP)
components library next react storybook tailwind
Last synced: 07 Dec 2024
https://github.com/futurenorthants/northants-design-system
Design system for West & North Northamptonshire Councils, two unitary councils serving Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants
react storybook styled-components
Last synced: 16 Nov 2024
https://github.com/hirohe/storybook-addon-jarle-monaco
storybook.js addon providing react-live preview and monaco-editor editing
jarle live-edit live-editor live-preview monaco-editor react storybook storybook-addons
Last synced: 27 Oct 2024
https://github.com/jonorusc/live-streaming-platform
I'm creating a Twich clone as it really is from scratch. Streaming, user authentication, machine learning and more...
components-and-templates firebase-auth livekit next14 serveractions storybook styled-components ui
Last synced: 24 Jan 2025
https://github.com/misterpea/developer--design-portfolio
Developer / Design portfolio - continuously updated
cypress-io design github-actions nextjs scss storybook typescript ui-design ux-design ux-ui
Last synced: 11 Jan 2025
https://github.com/cshatto99/next-ui-template
An opinionated starter kit for Next.js web apps.
commitlint eslint lint-staged mantine nextjs14 playwright prettier react react-query semantic-release storybook typescript vitest zustand
Last synced: 13 Oct 2024
https://github.com/marcoslafoz/studentspace
Frontend Student Space application
cypress docker graphql nextui react storybook tailwindcss typescript vite
Last synced: 21 Jan 2025
https://github.com/juliobetta/react-edge-setup
React Edge Setup
babel7 cypress jest material-design offline-capable optional-chaining pipeline-operator react-toolbox reactjs storybook webpack4
Last synced: 10 Feb 2025
https://github.com/abhimishra01/react-toolkit-cra
A react toolkit with extra dependencies added on top of create-react-app boiler plate in order to make your development life easier. This will help you kickstart implementing actual logic of your project rather than focusing on configuring initial and redundant dependencies every time you start a new project
ant-design cicd create-react-app github-actions husky open-source-project reactjs storybook styled-components yarn
Last synced: 01 Feb 2025
https://github.com/davebitter/fe-monorepo
This repository is build up by multiple steps translated in the following articles on https://techhub.iodigital.com which are part of the series https://techhub.iodigital.com/series/how-do-i-build-a-component-library.
components eslint husky jest lit monorepo prettier storybook stylelint web webcomponents workspaces yarn
Last synced: 10 Feb 2025
https://github.com/just214/tailwind-playground
A React/TypeScript app configured for TailwindCSS, Tailwind UI, and Headless UI.
playground react storybook tailwindcss typescript
Last synced: 25 Nov 2024
https://github.com/kellycesario/chilling-chronicles-of-hydes-creepers
This project showcases the integration of Next.js 13 (App Router) with Contentful, creating a Chilling Blog featuring authentic reviews of 20 books by Edgar J Hyde ('Creepers' saga).
contentful figma googleanalytics hotjar nextjs13 pwa react scss storybook typescript vercel
Last synced: 26 Jan 2025
https://github.com/dulajkavinda/folio-ui
🦄 A simple, modular and minimalistic component library that gives you the building blocks you need to build your portfolio.
nextjs scss storybook typescript ui-library
Last synced: 21 Dec 2024
https://github.com/natanaelvich/won-games
web site for game sales 🎮
nextjs reactjs ssg ssr storybook strapi styled-components
Last synced: 01 Feb 2025
https://github.com/nadilson-ifpe/react-design-system
O Storybook é um workshop de front-end para criar componentes de interface do usuário e páginas isoladamente. É utilizado para desenvolvimento, teste e documentação de interface do usuário.
javascript radix-ui react rocketseat storybook tailwindcss typescript vite vitejs
Last synced: 26 Dec 2024