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/jpvalery/mistral

My own component library (WIP)

components library next react storybook tailwind

Last synced: 07 Dec 2024

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/abhinaba-ghosh/storybook-deadlink-checker

A storybook addon that checks all of the hyperlinks in a storybook markdown file to determine if they are alive or dead

broken-link-finder md mdx storybook

Last synced: 07 Dec 2024

https://github.com/daveanthonyc/dc-design-system

This is my own design system that is available for building out websites that have the same UI/UX feel of contemporary "awwward" winning websites. I will also document my research and methodology regarding this.

component-library cssinjs design-system frontend open-source react storybook typescript

Last synced: 13 Jan 2025

https://github.com/prashis/storybook-addon-message-bus

Interact with message bus via Storybook UI

message-bus storybook storybook-addon

Last synced: 10 Jan 2025

https://github.com/stephane-klein/storybook-reactjs-scaffolding

Storybook + ReactJS + i18next + some storybook addons Scaffolding

scaffolding storybook

Last synced: 28 Jan 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/louffee/canada-design-system

Canada is the Louffee's Design System intended to make beautiful UIs with a lot of UX touches 🧭

accessibility atoms canada components design design-system molecules monorepo react storybook ui ux ux-ui

Last synced: 23 Jan 2025

https://github.com/fellipeutaka/iglab-design-system

🎨 My first Design System made in Ignite Lab by Rocketseat 🚀💜

eslint github-actions jest msw prettier radix react stitches storybook typescript vite

Last synced: 27 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/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/chakas3/new-app-nuxt

Nuxt Storybook Demp

nuxt storybook storybook-vue

Last synced: 21 Jan 2025

https://github.com/epfl-si/epfl-elements-react

React bindings for https://epfl-si.github.io/elements

epfl epfl-elements epfl-elements-react reactjs storybook

Last synced: 31 Jan 2025

https://github.com/lowsky/gh-dashboard-relay

Dashboard for all feature branches - linking to the deployed/running in docker containers and showing their states. Live Version:

dashboard graphql graphql-client graphql-server relay rest serverless storybook

Last synced: 23 Oct 2024

https://github.com/paalamugan/next13-tailwind-boilerplate

Next.js 13 boilerplate with Tailwind CSS, TypeScript, ESLint, Prettier, Commitizen, Husky, Lint-staged, Storybook, Cypress, Semantic-release, Drizzle-kit, Drizzle-orm

commitizen commitlint cypress drizzle-kit drizzle-orm eslint husky lint-staged next-with-app-router next13 next13-boilerplate nextjs prettier react semantic-release storybook tailwindcss typescript

Last synced: 20 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/badatt/tidy-ui

Tidy UI is a family of micro components primarily focused on building rich UI/UX, powered by styled-components, features include css-in-js, theming, mobile-first, etc

css-in-js react storybook styled-component ui

Last synced: 08 Nov 2024

https://github.com/dagerikhl/primors

Package library for common React functionalities.

components hooks lib library packages react storybook styled-components typescript

Last synced: 29 Jan 2025

https://github.com/keiloktql/spacedock

The Panoramic View for Your Logs

browser changeset logging npm react storybook terminal

Last synced: 07 Nov 2024

https://github.com/natanaelvich/design-system-lib-example

Design System Lib example that uses Storybook, Radix, Stitches and is organized in a monorepo or turborepo.

monorepo npm-package radix stitches storybook turborepo

Last synced: 01 Feb 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/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/jasonsturges/storybook-for-threejs

Using Storybook for Three.js graphics development

component graphics storybook threejs ui

Last synced: 17 Jan 2025

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/uxplorerss/uxplorers-frontend

UX디자인 수업 프로젝트, TmoneyGO UX 개선, KUmoneyGO, 쿠머니 고

emotion github-actions react react-select storybook tanstack-router typescript vercel vite zustand

Last synced: 19 Dec 2024

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/joel3112/react-jopau

Monorepo of common functionality for React projects

reactjs storybook

Last synced: 11 Oct 2024

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/openchannel/angular-template-libraries

The OpenChannel Angular template libraries is comprised common component and service libraries that are used by the Angular market template and Angular portal template projects.

angular angular-libraries openchannel storybook

Last synced: 07 Nov 2024

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/arthurlbo/delta-login

💻 Challenge of an interface design for authentication, end to end, from the ui to the code.

commitlint cypress eslint husky nextjs nextjs14 phosphoricons pnpm prettier radix-ui react react-hook-form storybook taiwindcss typescript zod

Last synced: 19 Jan 2025

https://github.com/izaiasmorais/design-system

Uma interface de autenticação integrada com um design system no Storybook.

authentication design-system figma ignite-2021 radix-ui storybook tailwindcss vite

Last synced: 13 Jan 2025

https://github.com/atanasster/storybook-dep-webpack-plugin

A webpack plugin to collect dependencies data.

dependencies storybook webpack

Last synced: 28 Oct 2024

https://github.com/washingtonpost/storybook-addon-web-vitals

A storybook addon for instant feedback on loading, interactivity, and layout shift metrics.

addon cls react storybook web-vitals

Last synced: 09 Nov 2024

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/jaysongiroux/notion-blocks

Customizable notion blocks npmjs package

notion notion-api npmjs react storybook typescript

Last synced: 22 Jan 2025

https://github.com/ayush272002/turborepo-template

A turborepo template configured with tailwind, shadcn, mui, storybook, prisma and an express app with esbuild bundler and tsup bundler.

express husky-hooks monorepo mui-material nextjs prisma-orm shadcn-ui storybook turborepo

Last synced: 19 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/lloydrichards/shadcn-storybook-registry

Repository of stories for the shadcn components. Quickly get the atomic level components documented in Storybook.

registry shadcn-ui storybook

Last synced: 02 Feb 2025

https://github.com/ssi02014/gachigayo_front_template

🛬 가치가요 팀프로젝트 프론트엔드 템플릿

react redux redux-saga storybook styled-components

Last synced: 30 Dec 2024

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/ebazhanov/storybookjs

storybook for testing purpose

example storybook

Last synced: 11 Feb 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/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 Dec 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/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: 19 Dec 2024

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/henrybravos/storybook-example

Tutorial StoryBook with react js

react reactjs storybook storybook-addon typescript

Last synced: 23 Jan 2025

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/t3n/react-packages

🤖 Packages for developing React components for t3n.de driven by Storybook

react storybook t3n-de

Last synced: 08 Nov 2024

https://github.com/sunsetmkt/chemistry-pig-story

[合作]元素周期表小猪与狼的故事

art-work fairytale story storybook

Last synced: 14 Jan 2025

https://github.com/locol23/component-library-react-vite-linaria-boilerplate

A component library (design system) boilerplate with TypeScript and React, linaria, Vite, Vitest, Storybook

component-library design-system linaria react storybook typescript vite vitest

Last synced: 08 Jan 2025

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/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/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/webcoderspeed/react-scale

The React Scale CLI is a powerful command-line interface that streamlines the process of creating new React applications with a robust template. It provides a comprehensive set of tools and integrations to enhance your development experience.

cypress i18 react react-scale storybook tailwindcss

Last synced: 31 Dec 2024

https://github.com/abrahamcalsin/react-github-fork-banner

Add a github banner with a link to the fork or repository of your project.

npm storybook styled-components tsdx

Last synced: 12 Jan 2025

https://github.com/donadam2/react-rollup-npm-boilerplate

This boilerplate allows you to create a react NPM package using SCSS and Typescript fast and easy

commitizen react rollup scss standard-version storybook typescript

Last synced: 18 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/softspiders/cra-ts-storybook-snapshot-testing

Minimalistic Create-React-App in TypeScript with Storybook and Snapshot testing

cra create-react-app helloworld min minimalist react softspider softspiders ss storybook template test testing typescript ui

Last synced: 15 Jan 2025

https://github.com/vuluu2k/snappy-lib

Library of snappy express

library microbundle react storybook

Last synced: 26 Jan 2025

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/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/artursopelnik/stencil-storybook-boilerplate

A boilerplate template for creating fast and robust design systems ✨ with Stencil, Storybook, Vite and TypeScript

stencil stenciljs storybook storybookjs webcomponents

Last synced: 21 Oct 2024

https://github.com/anupvarghese/big-calc

Chrome extension using React

chrome-extension react storybook

Last synced: 25 Dec 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/dkcodec/dkcodec-ui-kit

A modern and minimalist UI component library inspired by 2D design. Each component is designed with simplicity and elegance, making your application look sleek and user-friendly.

library npm npm-package react storybook ts ui-components ui-kit uikit

Last synced: 22 Oct 2024

https://github.com/dev-ley/design-system-alfabit

"Design System em construção com NextJs, Tailwind CSS e Storybook para componentes reutilizáveis."

design-systems frontend nextjs reusable-components storybook tailwindcss typescript ui-components

Last synced: 07 Feb 2025

https://github.com/mixmaxhq/storybook-addon-contributors

Contributors information addon for storybook.js

storybook storybook-addon supported

Last synced: 12 Jan 2025

https://github.com/sokhuong-uon/nx-storybook-tailwind-tutorial

Learn to add Tailwind CSS to Storybook for ReactJS library inside Nx monorepo

medium monorepo nx-workspace react storybook taiwindcss typescript

Last synced: 24 Jan 2025

https://github.com/ism0080/resume

React application used as a personal resume

apollo graphql react reactjs storybook vercel vercel-serverless webpack

Last synced: 01 Jan 2025

https://github.com/nzambello/vite-react-template

Template for a React project with Vite, TS, Vitest, Playwright, Storybook, ESLint, StyleLint and Husky

boilerplate hacktoberfest playwright react storybook template typescript vite vitejs vitest

Last synced: 09 Jan 2025

https://github.com/theoryofnekomata/react-testing-demo

Demonstration for various ways on testing React apps

demo enzyme jest react storybook unit-testing

Last synced: 12 Jan 2025

https://github.com/prashanthr/swan-react

Stateless, re-usable and customize-able React Components

components react storybook

Last synced: 04 Feb 2025

https://github.com/softspiders/react-ts-storybook-storyshots

Minimalistic React module in TypeScript with Storybook and Snapshot testing

min react snapshot softspider softspiders ss storybook storyshot template test testing ts typescript

Last synced: 15 Jan 2025

https://github.com/gustavohps10/sapuris-design-system

🎨 My collection of standardized UI elements and styles

cicd design-system monorepo npm react stitches storybook tsup turborepo typescript

Last synced: 26 Jan 2025

https://github.com/sealinesun/react--storybook

UI Component Dev Environment for React

javascript react shell storybook

Last synced: 31 Dec 2024

https://github.com/softspiders/lerna-react-ts-storybook-storyshot-starter

Starter for React UI library in TypeScript with Storybook and Snapshot Testing in Lerna monorepo with IE 11 support

ie11 jest lerna react snapshot softspiders ss starter storybook storyshot template test ts typescript

Last synced: 15 Jan 2025

Storybook Awesome Lists
awesome-design-systems 103 awesome-storybook 50
Storybook Categories
Design systems 278 Design tokens 148 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