Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- 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-01-22 00:30:09 UTC
- JSON Representation
https://github.com/seb-oss/green
Green is an open-source design system built by SEB.
Last synced: 19 Jan 2025
https://github.com/onwidget/storybook-amp
⚡ Addon to render and validate AMP html in Storybook
addon amp amp-html components documentation javascript react storybook storybook-addon
Last synced: 13 Nov 2024
https://github.com/qmachard/atomic-design-bundle
Atomic Design is a Storybook like made for Symfony and Twig
atomic-design css html storybook symfony twig
Last synced: 08 Nov 2024
https://github.com/dan-akl/storybook-documentation-primitives
📚️ Custom DocBlocks for Storybook
design-systems design-tokens documentation jsx mdx react storybook
Last synced: 10 Jan 2025
https://github.com/DAN-AKL/storybook-documentation-primitives
📚️ Custom DocBlocks for Storybook
design-systems design-tokens documentation jsx mdx react storybook
Last synced: 18 Nov 2024
https://github.com/react-theming/addon-development-kit
Addon Development Kit for Storybook
addon development react reactjs storybook
Last synced: 01 Jan 2025
https://github.com/doniaskima/react-crafitify
React-Crafitify is a versatile React component library designed to enhance the user interface of your web applications. With a focus on aesthetics and usability, React-Crafitify provides a collection of customizable UI components that can seamlessly integrate into your projects.
class-variance-authority classnames css cva design-system docker javascript react reactjs sass storybook styled-components typescript variants
Last synced: 12 Oct 2024
https://github.com/takuma-ru/auto-story-generator
Automatic real-time story file generation from React, Vue, and Lit component files
auto generator lit react storybook storybook-addon vue
Last synced: 31 Oct 2024
https://github.com/tomoya/storybook-addon-matrix
Storybook addon for rendering components with a matrix of props
react storybook storybook-addon
Last synced: 03 Jan 2025
https://github.com/elisealcala/storybook-tailwind-ts
Storybook app with tailwind components and typescript support.
storybook tailwind-components typescript-support
Last synced: 14 Nov 2024
https://github.com/natterstefan/nextjs-template
A practical starter template for Nextjs, which has Tailwind, Cypress, Docker, Storybook, Jest, ESLint, Prettier, and more built-in. 🚀
cypress cypress-example cypress-io docker-image eslint nextjs nextjs-boilerplate nextjs-starter nextjs-template nextjs-typescript prettier react reactjs storybook storybooks tailwindcss typescript typescript-eslint typescript-react vercel
Last synced: 13 Oct 2024
https://github.com/dannyhw/expo-template-storybook
An expo template for react native storybook
expo react-native-web storybook template
Last synced: 01 Nov 2024
https://github.com/alessiogr/sveltescape
A stunning storybook alternative made with Svelte for Svelte
devtools storybook svelte sveltekit
Last synced: 02 Nov 2024
https://github.com/codelytv/developing_codely_website-course
Developing Codely's website course code examples https://pro.codely.tv/library/maquetando-la-web-de-codely-desde-0-181753
css css-modules css3 design-system html html5 javascript next nextjs react storybook typescript
Last synced: 11 Nov 2024
https://github.com/igeligel/react-in-out-textarea
A simple React.js User Interface Component that is like Google Translate with full TypeScript Support
component converter converter-app frontend google-translate hacktoberfest hacktoberfest2021 library react storybook textarea typescript ui yarn
Last synced: 19 Nov 2024
https://github.com/penx/storybook-code-coverage
Combining Storybook, Cypress and Jest Code Coverage
chromatic code-coverage create-react-app cypress cypress-code-coverage-example cypress-example cypress-io jest jest-coverage react react-example react-testing storybook storybook-chromatic storyshots visual-regression visual-regression-testing
Last synced: 28 Oct 2024
https://github.com/AlessioGr/sveltescape
A stunning storybook alternative made with Svelte for Svelte
devtools storybook svelte sveltekit
Last synced: 12 Nov 2024
https://github.com/highfivery/nextjs-starter
A Next.js 13 CMS & theme agnostic starter framework to build fully-featured headless sites.
ant-design antd drupal headless-cms headless-drupal headless-shopify headless-wordpress nextjs nextjs-13 nextjs-starter react sass shopify storybook wordpress wpgraphql
Last synced: 12 Dec 2024
https://github.com/nordcloud/gnui
💅 Nordcloud's design system for SaaS products.
component-library hacktoberfest react storybook typescript ui-library
Last synced: 20 Jan 2025
https://github.com/ichef/gypcrete
iCHEF web components library, built with React.
javascript react react-components storybook
Last synced: 30 Oct 2024
https://github.com/jassix/react-boilerplate
🤖 Boilerplate code for react applications.
boilerplate chichane cypress effector farfetched frontend fsd jest react react-testing-library storybook template web
Last synced: 27 Oct 2024
https://github.com/sex-request/nextjs-starter-kit
NextJS Starter Kit with Testing Frameworks and CI/CD
boilerplate cypress eslint jest mdx nextjs pnp sass starter-kit storybook typescript yarn2 yarn2-pnp
Last synced: 12 Oct 2024
https://github.com/monoppa/tokyo-monorepo
Monorepo powered by Turborepo, NextJS, Supabase, TailwindCSS, Graphile-Workers
graphile-worker monorepo nextjs react storybook supabase supabase-js tailwindcss turborepo typescript vercel
Last synced: 11 Oct 2024
https://github.com/arrayknight/storybook-addon-headless
A Storybook addon to preview content from a headless CMS in components
addon graphql headless headless-cms restful storybook storybook-addon
Last synced: 18 Nov 2024
https://zakariaharti.github.io/react-awesome-notifications/
A beautiful fully customizable React + Redux notification system built with styled-components
notification notification-component notifications react redux storybook styled-components ui-components
Last synced: 30 Oct 2024
https://github.com/rastreus/FableStarter
An Elmish F# Fable template that uses Tailwind for styling, the Vite bundler, the Vitest test runner and Storybook
elmish fable fsharp storybook tailwindcss template vite vitest
Last synced: 10 Nov 2024
https://github.com/joshbolduc/vscode-story-explorer
Browse and preview Storybook stories inside VS Code
Last synced: 29 Nov 2024
https://github.com/jellydn/new-web-app
Frontend app generator, built on top vitejs
eslint frontend generator hacktoberfest jotai lint-staged prettier react-hook-form react-query reactjs storybook tailwindcss vitejs web-app-generator
Last synced: 31 Oct 2024
https://github.com/rastreus/fablestarter
An Elmish F# Fable template that uses Tailwind for styling, the Vite bundler, the Vitest test runner and Storybook
elmish fable fsharp storybook tailwindcss template vite vitest
Last synced: 07 Nov 2024
https://github.com/themoment-team/official-gsm-front
광주소프트웨어마이스터고등학교 공식 홈페이지
monorepo nextjs pnpm pnpm-workspace react storybook
Last synced: 15 Nov 2024
https://github.com/cube-js/cube-ui-kit
UI Framework for Cube Projects. Based on React Aria.
components design-system react react-aria storybook uikit
Last synced: 13 Nov 2024
https://github.com/paygreen/paygreen-ui
UI PayGreen Components: React, Styled Component
javascript js library react storybook styled-components
Last synced: 16 Jan 2025
https://github.com/ryan-haskell/elm-storybook-explorations
Create your design system with Elm and Storybook! 🎨
Last synced: 30 Nov 2024
https://github.com/tomfreudenberg/next-auth-mock
NextAuth.js mockup provider for jest, storybook and others.
jest nextauthjs nextjs storybook
Last synced: 27 Oct 2024
https://github.com/focusreactive/storybook-graphql-kit
Write GraphQL queries and pass response data to your components
development documentation focusreactive graphcms graphql graphql-variables query react storybook storybook-addon tool ui
Last synced: 27 Nov 2024
https://github.com/price-offer/offer-design-system
Offer Design system
design-system react storybook typescript
Last synced: 19 Dec 2024
https://github.com/hotell/react-tools-for-better-angular-apps
Use React ecosystem for unified and top notch DX for angular developement
angular-cli axios jest redux-observable storybook testcafe
Last synced: 17 Oct 2024
https://github.com/okp4/ui
🎨 Implementation of OKP4 UI components in React, TypeScript, and SASS.
ddd event-sourcing hexagonal-architecture react sass storybook typescript ui-design web3
Last synced: 04 Nov 2024
https://github.com/nl-design-system/utrecht
Work in Progress: Utrecht Design System based on the NL Design System architecture. Storybook: https://nl-design-system.github.io/utrecht/storybook/
Last synced: 18 Jan 2025
https://github.com/croz-ltd/tiller
🔖 Tiller DS is an open-source UI library that provides a range of visual, functional components and patterns that speed up design and development.
design-system react storybook tiller tiller-design-system typescript ui-library
Last synced: 30 Oct 2024
https://github.com/jensderond/react-nestjs-template
Template to bootstrap a monorepo with a React frontend and NestJS backend
bootstrap lerna monorepo mysql nestjs nestjs-backend react storybook template typeorm typescript yarn-workspaces
Last synced: 31 Oct 2024
https://github.com/glean-wheat/wheat-ui
Web Components 组件库;拍平框架差异
lit-html react scss storybook vue webcomponents
Last synced: 11 Oct 2024
https://github.com/snowball-tech/fractal
The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
design-system design-tokens figma javascript lodash mono-repository react snowball storybook style-dictionary styleguide stylelint testing-library turborepo typescript vercel yarn yarn3
Last synced: 09 Jan 2025
https://github.com/adeonir/boilerplate-react-vite
A React boilerplate powered by Vite, React-Router, Typescript, VItest, Testing-Library, Styled-Components and Storybook
react react-router storybook styled-components testing-library typescript vite vitest
Last synced: 26 Oct 2024
https://github.com/clayrisser/reactant
write once . . . render everywhere
android framework hot-reload ios isomorphic react react-native react-native-web redux sass storybook universal
Last synced: 10 Oct 2024
https://github.com/rstacruz/lofi
VHS music machine from the 80's
gatsby gatsbyjs react storybook styled-jsx
Last synced: 08 Jan 2025
https://github.com/rhaicode/react-library-starter
A library starter kit and bundler for your React projects, powered by Rollup. ⚡
babel reactjs rollup storybook styled-components svgr tailwindcss typescript
Last synced: 25 Dec 2024
https://github.com/cloudfour/cloudfour.com-patterns
The design system, component library and documentation for cloudfour.com and related projects
css design-system javascript pattern-library storybook twig
Last synced: 03 Jan 2025
https://github.com/openfun/cunningham
🎨 The Open FUN Design System
accessibility atomic-design components-library css design-system design-systems figma frontend html reactjs storybook ui-components
Last synced: 13 Nov 2024
https://github.com/sirwanafifi/tw-tr
React Tree View Component built on top of TailwindCSS/TypeScript/Context API
context-api react storybook tailwindcss treeview typescript
Last synced: 09 Nov 2024
https://github.com/eduardconstantin/storybook-gpt
Storybook GPT is a web application for generating Storybook stories from React components using OpenAI API
api components generator nextjs openai openai-api reactjs storybook tailwindcss ui webapp
Last synced: 19 Nov 2024
https://github.com/yuriscodingclub/accessibility-mentor
AccessibilityMentor helps newcomers as well as more experienced accessibility advocates become better in their field.
accessibility appwrite auth community css git github-actions graphic-design hacktoberfest nextjs playwright react react-router reactjs semantic storybook ui ux ux-design women-in-tech
Last synced: 19 Jan 2025
https://github.com/sohamsshah/sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
component-library design-system react reactjs storybook ui-components ui-library uikit web-components
Last synced: 08 Nov 2024
https://github.com/ssi02014/react-thumbnail-generator
Simple React Thumbnail Generator Component 😄
component components-library image react storybook thumbnail thumbnail-images
Last synced: 08 Nov 2024
https://github.com/travelmakers/travelmakers-design
Travelmakers Design System
Last synced: 05 Dec 2024
https://github.com/divriots/story-to-design
Keep your Figma libraries true-to-code in a single click.
Last synced: 13 Nov 2024
https://github.com/maraisr/storybook-addon-grid
⚜️ Column guides that help you align your stories
addon column design figma grid storybook storybook-addons
Last synced: 27 Oct 2024
https://github.com/undp/design-system
UNDP Design System
design-system storybook undp united-nations
Last synced: 02 Dec 2024
https://github.com/isystk/laravel-react-boilerplate
🌙 Laravel(PHP)の学習用サンプルアプリケーションです。Laravelを初めて学習してみたい方、Dockerを利用したLaravelの開発環境を構築したい方、ECサイトを学習してみたい方、管理画面も作成(マルチログイン)を作成したい方、Stripeを利用した決算処理を作成してみたい方、ソーシャルログインを作成してみたい方、オブジェクトストレージへの画像アップロードを作成してみたい方、フロントエンドをReactで作成してみたい方にオススメです。
adminlte3 bootstrap4 laravel9 react18 reacthooks storybook stripe typescript
Last synced: 11 Oct 2024
https://github.com/brandon-schabel/react-component-lib-template
This is a Storybook 7 React component library template that you can use to develop your own library. Includes a blog post that runs through all the setup if you're curious about the nitty gritty details.
react storybook tailwindcss typescript
Last synced: 31 Oct 2024
https://github.com/Liinkiing/klee
A personnal UI library made as an excuse to have a published UI package
chromatic emotion framer-motion genshin-impact library package react storybook styled-system ui ui-kit
Last synced: 22 Nov 2024
https://github.com/intuit/doc-blocks
A design system for doc-blocks UI components, built on @design-systems/cli.
Last synced: 10 Nov 2024
https://github.com/geometricpanda/geometricpanda
Mono Repository for the @geometricpanda collection of Storybook Addons and NPM packages.
Last synced: 27 Oct 2024
https://github.com/ifeelBALANCED/effector-vite-template
React, Effector, Feature-sliced, Vite.js template (Dockerized)
chakra-ui cypress docker effector eslint-config husky husky-hooks javascript prettier reactjs storybook typescript vitejs
Last synced: 31 Oct 2024
https://github.com/lundegaard/gatsby-theme-fast-ai
⚛️ Workspace for developing apps with Fast AI gatsby theme
devstack emotion gatsby gatsby-theme react rebass storybook theme-development
Last synced: 14 Oct 2024
https://github.com/codelytv/react-carousel
A React Carousel supporting different slides sizes, responsive, custom styling, accesible by default, SSR compatible, and tested
carousel carousel-slider cypress javascript-library npm-package react react-components reactjs storybook typescript typescript-library
Last synced: 11 Nov 2024
https://github.com/ljcl/storybook-addon-cssprops
Interact with css custom properties dynamically in the Storybook UI
Last synced: 13 Oct 2024
https://github.com/cns-dgsw/cns-design-system
CNS의 dx 향상을 위한 ui 패키지
design-systems storybook typescript
Last synced: 10 Oct 2024
https://github.com/fictoan/fictoan-react
An intuitive, designer-friendly framework to build UI with just markup.
css css-framework hacktoberfest hacktoberfest2021 react reactjs storybook styled-components ui-components
Last synced: 10 Nov 2024
https://github.com/sysvale/cuida
A design system built by Sysvale, using storybook and Vue components
design-system scss storybook ui-components vite vue vue-components vue2 vue3 vuejs
Last synced: 16 Jan 2025
https://github.com/orfium/orfium-ictinus
This repo will include the building blocks to create the Orfium Parthenons to come ...
design-system ds javascript react react-components storybook typescript
Last synced: 17 Nov 2024
https://github.com/movahedan/next-boilerplate
A well-structured production-ready Next.js boilerplate with a well-documented directory structuring that supports Typescript, Jest, react-testing-library, Cypress, configurable Fetch and SWR, and a configured component library using Emotion, twin.macro, Tailwind, and Storybook. Plus, taking advantage of NextSeo and NextSitemap.
boilerplate cypress emotion fetch jest next-seo next-sitemap nextjs postcss react react-test-renderer react-testing-library storybook swr tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/locol23/learn-react-typescript
Learning React contents with TypeScript (Hooks, Redux)
hooks learn learn-react learning learning-js react react-hooks reactjs recompose redux storybook typescript
Last synced: 11 Nov 2024
https://github.com/jsilva-pt/medium-reusable-vue-components
Repo for the article "Sharing reusable Vue.js components with Lerna, Storybook, and npm or GitHub Package Registries"
component-driven lerna reusable-components storybook vue
Last synced: 18 Jan 2025
https://github.com/doong-jo/frontend-boilerplate
Typescript + React + Storybook + Cypress 🏖
commitlint cypress eslint frontend-boilerplate react storybook stylelint travis-ci typescript
Last synced: 28 Oct 2024
https://github.com/aeksco/openjscad-react
:package: React.js component for the OpenJSCAD.org project
3d-printing jest openjscad prettier react storybook typescript
Last synced: 28 Oct 2024
https://github.com/reme3d2y/storybook-addon-live-examples
⚡ Storybook addon that make your code examples live
code-playground live playground react storybook storybook-addon
Last synced: 08 Jan 2025
https://github.com/metrostar/comet
React with TypeScript Component Library based on USWDS 3.0
cli comet-components component-library components design-systems react storybook tanstack-table typescript ui uswds victory-charts vite
Last synced: 18 Dec 2024
https://github.com/gsoft-inc/ov-igloo-ui
Officevibe design system
components design-system nextjs react storybook
Last synced: 21 Jan 2025
https://github.com/zeplin/cli-connect-storybook-plugin
Zeplin CLI plugin to generate Storybook links for Zeplin components
Last synced: 20 Nov 2024
https://github.com/r17x/medicine
⚙⚕️💊⚛️Simple Todo with Create-React-app
antd create-react-app jest react-js reactjs stockroom storybook unistore web web-development webworker
Last synced: 12 Nov 2024
https://github.com/noahbuscher/react-tsdoc
Document Typescript React components with TSDoc and export Storybook-friendly JSON 🤖
documentation react storybook tsdoc typescript
Last synced: 18 Nov 2024
https://github.com/wagerfield/storybook-tailwind
Storybook with Tailwind 2 JIT and PostCSS 8
Last synced: 05 Nov 2024
https://github.com/w3bdesign/dfweb-v3
🏡 DFWeb personal portfolio version 3 with Next.js, Sanity.io, Framer Motion, Storybook, Tailwind CSS, Cypress, Playwright and more. 98% test coverage.
chromatic circleci cypress framer-motion jest nextjs playwright portfolio react sanity storybook tailwind typescript
Last synced: 27 Oct 2024
https://github.com/bnomei/kirby3-storybook
Kirby 3 Plugin to generate Storybook stories from snippets and templates
component component-based filewatcher kirby3 kirby3-cms kirby3-plugin slot slots snippets storybook storybookjs templates vue vue3
Last synced: 09 Nov 2024
https://github.com/bitttttten/storybook-mock-date-decorator
Mock and freeze the dates in your stories.
date datetime mock mockdate react storybook storybook-addon storybook-addons storybook-ui storybookjs
Last synced: 16 Jan 2025
https://github.com/election-tech-initiative/electionguard-ui
ElectionGuard monorepo in React & Typescript consisting of an api client, components, and apps to demonstrate examples of user interface for both voters and election staff.
electionguard hacktoberfest react storybook typescript
Last synced: 04 Jan 2025
https://github.com/jhony-v/facebook-clone
💙 🖥 Building clone of the new Facebook web application created with React js
design facebook javascript microfrontends nextjs pnpm react storybook styled-components tailwindcss turborepo typescript ui-design vite
Last synced: 29 Nov 2024
https://github.com/rbiedrawa/react-redux-rtk-saga-mui-typescript-starter
A boilerplate Create React App with Typescript, Redux Toolkit, Redux Saga, React Hook Form, Cypress, Storybook, React-i18next and Material UI👨💻
commitlint cypress eslint husky jest material-ui mock-service-worker prettier react react-hook-form react-i18next react-router react-testing-library reactjs redux redux-saga redux-toolkit storybook typescript yup
Last synced: 28 Nov 2024
https://github.com/momentum-design/momentum-react-v2
Momentum React Library for Webex Collaboration
design-system react reactjs storybook
Last synced: 21 Jan 2025
https://github.com/morewings/react-library-template
With React Library Template Repository, you can focus on developing your React components and libraries.
css-modules jest npm-module npm-package postcss react storybook tailwindcss template-project typescript vite
Last synced: 12 Dec 2024
https://github.com/jagreehal/stencil-boilerplate
My Stencil boilerplate
e2e-tests javascript jest puppeteer stenciljs storybook travis-ci tslint typescript unit-testing
Last synced: 02 Oct 2024
https://github.com/devprashantt/picstone-generative-ai
Picstone is an innovative platform that combines visual content with storytelling and music generation. It allows users to upload images, and using AI-powered analysis, it generates engaging stories and music compositions based on the visual content.
cloudinary flask generativeai-hackathon hacktoberfest hacktoberfest-accepted image-to-story music mysql openai picture react story story-generator storybook
Last synced: 17 Dec 2024
https://github.com/iq-tech/blueberry
iq Blueberry design system
css javascript react storybook stylus typescript
Last synced: 27 Oct 2024
https://github.com/jakubjafra/react-native-hybrid-storybook
Showcase your react native components in the browser
documentation documentation-generator react-native react-native-web storybook ui ui-components
Last synced: 18 Nov 2024
https://github.com/kamigami55/easonchang.com-next
Eason Chang's brand new personal blog
atomic-design blog contentlayer giscus mdx nextjs personal-website storybook tailwindcss
Last synced: 10 Oct 2024