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/adrice727/typescript-react-storybook
A Starter Kit for Building a Reusable React Component Library
components postcss react starter-project storybook typescript
Last synced: 09 Nov 2024
https://github.com/running-grass/grass-kit
一个基于Tailwind CSS的UI组件库,支持多个前端框架。
component component-library lerna lit lit-element pnpm react storybook tailwind tainwindcss typescript ui-library vite vue web-component
Last synced: 31 Oct 2024
https://github.com/tsparticles/storybook
tsParticles Storybook
hacktoberfest hacktoberfest2022 particles-js react react-particles react-particles-js storybook tsparticles
Last synced: 09 Nov 2024
https://github.com/z4o4z/storybook-addon-events
This Storybook addon allows you to add events for your stories.
Last synced: 12 Nov 2024
https://github.com/gibbok/frontend-boilerplate
This project is an opinionated boilerplate which helps you build fast, robust, and adaptable single-page application (SPA) in TypeScript with React.
babel boilerplate cypress front-end-development jest lokijs reactjs storybook styled-components typescript webpack
Last synced: 28 Oct 2024
https://github.com/gardenjs/gardenjs
Component library explorer for UI development, testing and documentation.
component-library components design-systems documentation gardenjs javascript js-framework react stories storybook styleguide svelte sveltekit testing ui ui-components vanilla-js vite vue
Last synced: 08 Nov 2024
https://github.com/dhiwise/investie
Investie the stock trading application to buy virtual stocks built using DhiWise.
dhiwise lemon-markets react react-components react-hooks reactjs reactrouter storybook twilio
Last synced: 22 Nov 2024
https://github.com/dave-wind/crossover
Fast build react typescript component by crossover-ui
antd-design jest npm react storybook typescript
Last synced: 11 Jan 2025
https://github.com/inyono/storybook-talk
Storybook talk for React Native Munich meetup
create-react-app create-react-native-app expo javascript react react-native spectacle storybook
Last synced: 17 Nov 2024
https://github.com/deep5050/amori-banglabhasha
Collection of Bangladeshi Stories
bangladesh bengali scraper story storybook web-scraping
Last synced: 02 Jan 2025
https://github.com/jdizm/vue-storybook-library
UI library built with storybook for Vue/Nuxt
css design-system scss storybook ui-library vue vue2
Last synced: 14 Oct 2024
https://github.com/themoment-team/everygsm-client
광주소프트웨어마이스터고등학교의 모든 프로젝트를 한곳에
emotion nextjs13 react storybook typescript zustand
Last synced: 15 Nov 2024
https://github.com/tidusia/next-storybook-tailwind-cssmodules
An exemple of how to configure Storybook to work with TailwindCSS, CSS Modules and from a Next.js project (as of Dec. 2021)
css-modules nextjs storybook tailwindcss
Last synced: 19 Nov 2024
https://github.com/dhiwise/qa-flow
QA Flow is a platform where users can find Questions and answers posted by any users in one go. To find an individual user just have to enter the individual's Stack Overflow username.
dhiwise react-dom react-router react-router-dom reactjs reactjs-components stackexchange stackoverflow storybook tailwindcss
Last synced: 22 Nov 2024
https://github.com/krofdrakula/prop-docs
A tool to extract property type information from JSX components using TypeScript
preact storybook types typescript
Last synced: 18 Oct 2024
https://github.com/lucasjs/quero-challenge
:school_satchel: Quero challenge
challenge css javascript react storybook webpack
Last synced: 08 Nov 2024
https://github.com/mauscoelho/bakeryapp
:bread: :cake: :cookie: :custard: A Simple bakery CRM made with react-native and GraphQL
apollo-client graphql react-native storybook storyshots
Last synced: 30 Nov 2024
https://github.com/gisce/react-ooui
Transform ooui objects into react components
ant-design antd hacktoberfest javascript ooui react storybook
Last synced: 15 Nov 2024
https://github.com/yamoo9/likelion-react
React — 프론트엔드 스쿨, 멋사
a11y css-in-js jest nextjs react react-redux react-router recoil redux redux-tookit remix sass storybook swr tailwindcss testing-library typescript
Last synced: 29 Nov 2024
https://github.com/whenubelieve/ethereum-react-material-ui
A library of frequently used Ethereum components. This project leverages material-ui and is intended for use within apps that also use material-ui.
ethereum frontend material material-ui react storybook ui
Last synced: 07 Dec 2024
https://github.com/dhiwise/weblog
Weblog is a platform to explore new blogs from different categories. It also allows to see the account details of the Dev.to and Medium. Also, users can post blogs on both platforms in Dev.to and Medium.
dev-to dhiwise medium react react-components react-router react-router-dom reactjs storybook tailwindcss
Last synced: 22 Nov 2024
https://github.com/victordantasdev/woobank
💵 A banking system build with Koa, Relay and graphql.
cypress graqhql jest koa react relay storybook tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/rakibul-islam-raju/coachsync
CoachSync a coaching management system application.
celery django django-rest-framework docker docker-compose hacktoberfest hacktoberfest-accepted hacktoberfest2023 mui nivo-charts open-source opensource python react redis redux-toolkit rtk-query storybook typescript
Last synced: 13 Nov 2024
https://github.com/cheapreats/react-ui-library
Library for CheaprEats React UI components
components library proptypes react-js storybook ui
Last synced: 19 Jan 2025
https://github.com/dmijatovic/dv4all-wcp
Web components monorepo with demo implementations in HTML5, NextJS (React) and NuxtJS (Vue)
lerna monorepo nextjs nuxtjs storybook webcomponents
Last synced: 20 Jan 2025
https://github.com/frex-is/artificium-ui
Artificium UI Library is a versatile and responsive React component library built with TypeScript. This library is designed to seamlessly integrate into your React projects, providing a collection of reusable UI components inspired by the Artificium Figma design.
artificium components-library react storybook styled-components typescript ui
Last synced: 14 Nov 2024
https://github.com/eltonlazzarin/linkedin-clone
LinkedIn Clone's detailed UI developed in ReactJS and TypeScript
frontend frontend-ui frontend-web javascript javascript-app linkedin-app linkedin-clone mobile-first reactjs reactjs-application storybook styled-components typescript typescript-definitions
Last synced: 04 Dec 2024
https://github.com/cjsaylor/design-for-success-slides
Slides for Design for Success with Storybook.js and React.
cleaver react slides storybook
Last synced: 22 Jan 2025
https://github.com/playerony/fabric-efa
Simple editor written with react and fabricjs for education purposes.
app architecture atomic atomic-design clean clean-architecture design efa fabric fabric-efa fabricjs javascipt javascript pattern react storybook typesc typescript
Last synced: 02 Jan 2025
https://github.com/ariperkkio/storybook-addon-aria-live
Storybook addon for inspecting ARIA live region announcements
accessibility addon aria-live storybook
Last synced: 13 Oct 2024
https://github.com/khriztianmoreno/storybook-addon-raw-styled-component
A Storybook addon that extracts and displays compiled syntax-highlighted HTML & CSS
javascript react reactjs storybook storybook-addon styled-components tool
Last synced: 14 Dec 2024
https://github.com/georgezouq/storybook-qiniu-plugin
StoryBook 适配的 Webpack Plugin,将 StoryBook 的 Bundle 文件 上传至七牛CDN. Upload storybook bundle file to qiniu CDN
Last synced: 13 Oct 2024
https://github.com/casaub0n/blogr-nextjs-prisma
prisma
nextjs prisma react storybook typescript
Last synced: 28 Nov 2024
https://github.com/soolung/dj-simblue
Yo! 디제이 심청이! (심청이 디자인 시스템입니다.)
design-system emotion react storybook
Last synced: 16 Dec 2024
https://github.com/28stoneconsulting/design-system
28Stone Design System
design-system emotion material-ui react storybook typescript
Last synced: 19 Jan 2025
https://github.com/matthsena/vuejs-storybook
Tutorial de como criar, visualizar e publicar componentes Vue no NPM + Storybook
npm storybook vue-cli vue-components vuejs
Last synced: 11 Dec 2024
https://github.com/lightfulhelps/ray
Lightful's React component library
component-library css react storybook typescript
Last synced: 01 Nov 2024
https://github.com/paalamugan/next13-chakra-ui-boilerplate
Next.js 13 boilerplate with Chakra UI, TypeScript, ESLint, Prettier, Commitizen, Husky, Lint-staged, Storybook, Cypress, Semantic-release, Drizzle-kit, Drizzle-orm
chakra-ui commitizen commitlint cypress drizzle-kit drizzle-orm eslint lint-staged next13-boilerplate nextjs13 prettier react semantic-release storybook typescript
Last synced: 20 Jan 2025
https://github.com/marianapatcosta/talk-to-me
Package that allows the user to talk/text to a customizable avatar. Uses SpeechRecognition API
jest npm-package react react-testing-library scss scss-modules speech-recognition storybook typescript vite
Last synced: 11 Jan 2025
https://github.com/hoangsonww/beautiful-form
✒️ This repository features a beautifully designed form capable of generating interesting quotes and stories based on user inputs. It combines aesthetic appeal with interactive storytelling, providing a unique platform for users to explore creativity and inspiration.
beautiful-form css3 form form-builder form-validation forms html5 javascript quote-generator quotes quotes-application story storyboard storybook storytelling web-development
Last synced: 14 Nov 2024
https://github.com/thundermiracle/storybook-loader
auto-load all files from a folder by wepack's require.context without writing *.stories.js
documentation loader react storybook storybook-loader
Last synced: 01 Nov 2024
https://github.com/jakubjafra/react-native-hybrid-storybook-examples
Examples for generating documentation for react native components using storybook and react-native-web
documentation examples react-native react-native-web storybook
Last synced: 18 Nov 2024
https://github.com/adrianoescarabote/link-sharing-app
This project involves the development of a full-stack link-sharing application built specifically for developers .This is the front-end repository for the project.
jest linksharing nextjs storybook tailwindcss testing-library typescript
Last synced: 21 Jan 2025
https://github.com/ole-treichel/storybook-react-to-static-markup
Storybook addon to show static markup of react components
react storybook storybook-addon
Last synced: 16 Dec 2024
https://github.com/dorianmaliszewski/coco-ui
React UI Library based on tailwind
react storybook tailwindcss ui-components
Last synced: 12 Nov 2024
https://github.com/solidos/activitystreams-pane
A visualization of Activity Streams types for solid-panes
Last synced: 01 Nov 2024
https://github.com/kevinmichaelchen/redux-form-storybook-example
StorybookJS + redux-form
Last synced: 14 Nov 2024
https://github.com/daviteixeira-dev/design-system
Construção de um Design System do Figma ao React.
addon-a11y clsx figma phosphor-react postcss radix-ui react storybook storybook-deployer tailwindcss typescript vite
Last synced: 30 Dec 2024
https://github.com/samuraikun/atomic-design-react-sketchbook
React Component samples based on Atomic Design⚛️
atomic-design react storybook typescript
Last synced: 22 Jan 2025
https://github.com/mellcosta/ignite_lab_design_system
Projecto de criação de um Design System
autoprefixer clsx figma phosphor-react postcss radix-ui reactjs storybook tailwindcss typescript vitejs
Last synced: 17 Jan 2025
https://github.com/atls/hyperion
Highly ordered User Interface Kit
design-system framer-motion storybook ui-components ui-design ui-kit uikit vanilla-extract vanilla-extract-css yarn3
Last synced: 31 Oct 2024
https://github.com/ekzo-dev/aurelia-components
Various library and UI-kit adapters for Aurelia 2
activestorage aurelia bootstrap json-editor storybook tinymce
Last synced: 11 Nov 2024
https://github.com/vnovick/js-israel-react-storybook
Repository accompanying meetup on 25/04/2017
javascript react redux storybook todomvc
Last synced: 17 Jan 2025
https://github.com/jhta/storybook-external-links
Decorator to add external links to storybook components after DOM rendering.
external-links scripting storybook
Last synced: 09 Nov 2024
https://github.com/eccenca/gui-elements
GUI elements for React applications
Last synced: 21 Nov 2024
https://github.com/hojae-lee/react-template
Repo for fork to use in your react project
axios msw react react-testing-library storybook swr tailwindcss typescript vite vitest
Last synced: 07 Nov 2024
https://github.com/hipstersmoothie/lightsaber
An example of how to write components in React using Typescript and Storybook.
react star-wars storybook typescript
Last synced: 15 Jan 2025
https://github.com/deepraining/vue-lib-starter
一个用于快速创建 Vue 组件库的模板脚手架,使用 Storybook 构建. A boilerplate for creating a Vue library, using Storybook.
boilerplate gulp jest lib library starter storybook vue webpack
Last synced: 15 Jan 2025
https://github.com/dmitrymalakhov/react-tic-tac-toe
Simple game with using React, Styled Components and GraphQL.
apollo-client graphql immutable jest jest-snapshots react react-example react-example-app react-router-v4 redux redux-thunk storybook styled-components
Last synced: 24 Nov 2024
https://github.com/davebitter/pomodoro
Pomodoro is a neumorphic Pomodoro/Timer to help you stay on track!
enzyme jest neomorphic neomorphism nextjs pomodoro pomodoro-clock pomodoro-timer react reactjs sass storybook timer typescript
Last synced: 30 Oct 2024
https://github.com/jamkaramol/reactfullpageloaderoverlay
Full page loader library for ReactJS
css3 css3-animations css3-transitions fullpage library loader loader-component loader-plugin overlay react-component react-plugin reactjs storybook
Last synced: 26 Oct 2024
https://github.com/eugenia1984/react-varios-cursos
Aca juntare los cursos de React
javascript react reactjs storybook
Last synced: 07 Jan 2025
https://github.com/aretecode/modern-stack-portfolio-react
react part of the modern stack portfolio
amp apollo-boost apollo-client apollo-link-state context dangerjs graphql-client hooks idb jest lighthouse nextjs portfolio react schema-org storybook structured-data styled-components typescript
Last synced: 10 Nov 2024
https://github.com/SolidOS/activitystreams-pane
A visualization of Activity Streams types for solid-panes
Last synced: 26 Dec 2024
https://github.com/newhighsco/storybook
:package::books: Storybook addons and presets
Last synced: 23 Nov 2024
https://github.com/ortegavan/storybook
Prova de conceito de uso do Storybook
Last synced: 21 Jan 2025
https://github.com/gaia-react/remix
GAIA Template for React
architecture components eslint msw prettier react remix remix-stack storybook stylelint template vitest
Last synced: 13 Oct 2024
https://github.com/jimmylv/workshop.atomic-design-react
Atomic Design with @ReactJS
atomic-design create-react-app react storybook webpack
Last synced: 15 Jan 2025
https://github.com/bartstc/nextjs-template
This project provides the basic dev configuration designated for developing the NextJS app. It includes solutions for typical frontend problems and presents various rendering strategies in a demo app.
chakra-ui nextjs nextjs-starter nextjs-template react react-intl react-query reactjs storybook typescript vitest
Last synced: 06 Dec 2024
https://github.com/gibbok/blocchi-puzzle
A tetromino game based on React, Redux, TypeScript, and functional programming.
fp-ts functional-programming reactjs redux side-project storybook styled-components tetris tetris-game tetromino typescript
Last synced: 28 Oct 2024
https://github.com/riccardogiorato/cool-monorepo
Turborepo Monorepo Template with: Storybook Design System + Next.js app
monorepo nextjs storybook template turborepo typescript
Last synced: 29 Dec 2024
https://github.com/datacrafts-io/gatsby-opinionated-starter
TypeScript, ESLint, jest, testing-library, Storybook, commitizen & commitlint, semantic-release, remark-lint, stylelint, SCSS Modules, Typography.js, GitHub Actions, PWA, Renovate, netlify-ready gatsby starter
commitizen commitlint css-modules eslint gatsby gatsby-starter gatsby-typescript github-actions jest netlify scss semantic-release storybook stylelint testing-library typography
Last synced: 01 Nov 2024
https://github.com/raniellimontagna/ignite-call
Design System React desenvolvido durante o Ignite
gihub-pages react storybook turborepo typescript
Last synced: 18 Dec 2024
https://github.com/aaronksaunders/ionic-vue3-storybook-1
How To Use Storybook with Ionic and VueJS, Intro video for configuring vuejs storybook and ionic framework.
ionic ionic-framework storybook vue3
Last synced: 21 Jan 2025
https://github.com/tomokimiyauci/matryoshka
:video_game: Real-time battle game evolved the Tic Tac Toe:dolls:
board-game chromatic express firebase game githubactions hygen jest nuxt pwa snapshot ssr storybook stylelint typescript visual-regression vue vue-composition-api vuetify
Last synced: 18 Dec 2024
https://github.com/pimp-my-book/narshik
GOA's Design System Components written in VueJS 🍶
design-systems javascript storybook tailwindcss vuejs
Last synced: 18 Dec 2024
https://github.com/kaelig/storybookgpt
StorybookGPT generates Stories based on your component code. Fork and customize it to your needs, then deploy to Netlify for free.
chatgpt netlify storybook storybookjs
Last synced: 14 Oct 2024
https://github.com/schalkventer/coloringbook
📙 An opinionated, batteries-included implementation of Storybook for use in React projects.
atomic-design design-system react starter-template storybook
Last synced: 16 Nov 2024
https://github.com/jordanurbaezlu/void-ui-library
The Void UI Library is an open-source React Component Library that follows the Void Design System. Uses technologies such as React, Typescript, React Testing Library, Jest, SCSS, Rollup, ESLint, and Storybook. Uses Chromatic for Visual Regression Snapshot Testing: https://www.chromatic.com/builds?appId=63ece6136437457c65e9877c
babel chromatic coverage css-modules eslint github-actions hooks javascript jest npm-package npmjs react react-testing-library rollup scss storybook tsconfig typescript ui-components
Last synced: 17 Nov 2024
https://github.com/pixelass/react-js-template
A template for Create React App with batteries included
behavior-driven-development create-react-app cypress husky jest linting react storybook test-driven-development
Last synced: 22 Dec 2024
https://github.com/paalamugan/next14-boilerplate-with-i18n-trpc-nextauth
Next.js 14 boilerplate with i18n and NextAuth, TRPC, Tailwind CSS, TypeScript, Redis, Drizzle ORM, React Query, Storybook, Playwright, Jest, Testing Library, ESLint, Prettier, Husky, Lint-staged, Commitizen, Semantic Release, Spotlight, Argon2, Luxon, Zod, Superjson, Tailwind CSS, Stylelint
drizzle-orm next-auth next14 next14-template nextjs playwright storybook stylelint tailwindcss tanstack-react-query trpc zod
Last synced: 19 Nov 2024
https://github.com/maxicorrea/mx-button
Material UI v4 Button Component
chromatic material-ui react react-button react-component-library storybook typescript
Last synced: 11 Jan 2025
https://github.com/aaronksaunders/storybookv7-ionic-angular
Simple demonstration of using storybook v7 with ionic framework
ionic-angular storybook storybook-angular storybook-ionic-angular storybook-v7
Last synced: 21 Jan 2025
https://github.com/NadineGrosskreuz/capstone-project
Final project at the neue fische bootcamp! An app for all lovers of secondhand stores and flea markets.
accessibility eslint geocoding-api javascript jest leaflet-map mobile-first nextjs react react-testing-library reacthookform storybook styled-components usability user-experience zustand
Last synced: 24 Oct 2024
https://github.com/softspiders/cra-ts-uilib-storybook-lerna
Minimalistic template of CRA in TypeScript with UiLib and Storybook in Lerna
app build cra create-react-app lib monorepo react softspider softspiders ss storybook template ts typescript ui uilib
Last synced: 15 Jan 2025
https://github.com/barelyhuman/hen
UI Component Playground - React
component playground react storybook styled-jsx ui
Last synced: 01 Oct 2024
https://github.com/alexanderjeurissen/use-storybook
Storybook provider / hook add-on for consuming storyContext and storyFn anywhere in the story render tree.
hook hooks provider react reactjs storybook storybook-addon storybookjs
Last synced: 14 Oct 2024
https://github.com/dtro-devuk/nextjs-tailwind-storybook-starter
Nextjs, Tailwind CSS, Storybook Starter Template with Twin.Macro
atomic-design component-library javascript nextjs starter-template storybook styled-components tailwindcss ui-components ui-design
Last synced: 08 Nov 2024
https://github.com/romdim/svelte-component-template
An opinionated template for building shareable Svelte components with TS, Storybook & Jest.
component jest storybook svelte template typescript
Last synced: 23 Nov 2024
https://github.com/global-asp/pb-imagebank
Repository of open-licensed images from Pratham Books
creative-commons images india storybook
Last synced: 22 Jan 2025
https://github.com/maxgfr/typescript-react-lib-swc
A minimalist typescript swc starter for creating react library of components
boilerplate boilerplate-components-library components-library gh-pages jest nodemon package prettier react react-boilerplate rust-compiler semantic-release starter-kit storybook testing-library typescript
Last synced: 06 Nov 2024
https://github.com/rohitdhas/twist-ui
Twist UI is a simple component library for building react apps faster.
react storybook twist-ui typescript ui
Last synced: 13 Oct 2024
https://github.com/focusreactive/storybook-graphql-kit-graphcms
Storybook Addon for GraphCMS
addon-panel graphcms graphql graphql-data graphql-service storybook write-stories
Last synced: 10 Dec 2024
https://github.com/carmelomylo/boilerplate-react-next-storybook
React Component Library boilerplate is a component library template that leverages React, Next.js, Sass and github to create a custome template for developpers that want to start building their component libraries the easy way. With storybook integration. Build UIs without the grunt work.
boilerplate nextjs react sass storybook
Last synced: 02 Dec 2024
https://github.com/tim-w-james/timjames.dev
Personal site for Tim W James - Portfolio, Blog, and more. Built with TypeScript, React and Vite. Deployed to timjames.dev
blog eslint netlify personal-website portfolio-website reactjs scss storybook stylelint tailwindcss typescript
Last synced: 05 Nov 2024
https://github.com/e0ipso/twig-storybook
Extends Twig with new "stories" and "story" tags for easily writing Storybook stories using Twig templates.
php storybook twig twig-extension
Last synced: 28 Oct 2024