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/vandodev/finderhouses

Aplicativo que busca casa para alugar através de uma api

atomic-design node-js react-native storybook styled-components

Last synced: 02 Feb 2025

https://github.com/chriamue/yew-preview

Yew Preview Test Framework

components rust storybook testing ui-components yew

Last synced: 13 Oct 2024

https://github.com/margo-yunanova/3205.team-fullstack-form

Fullstack приложение для поиска пользователей

celebrate express-js msw mui react react-hook-form react-imask storybook typescript yup

Last synced: 13 Oct 2024

https://github.com/vaka-consulting/vaka-js

Open-source Cardano Web 3 dApps library

dapp react storybook typescript web3

Last synced: 13 Oct 2024

https://github.com/pedro-candido/store

Aplicativo Simples de Loja com possibilidade de adicionar e remover produtos do carrinho.

jest react react-native storybook typescript zustand

Last synced: 13 Oct 2024

https://github.com/zjefersound/react-essentials

This project shows some of my best public resources for creating react interfaces. You'll find components and services for your projects

components declarative-ui guide library project radix radix-ui react react-essentials reactjs starter storybook tailwind tailwindcss typescript

Last synced: 13 Oct 2024

https://github.com/isystk/profile.isystk.com

Nuxt3 & Vuetify を利用してポートフォリオを作成しました。GithubにPushするとCircleCIにVercelにホスティングされるようにしています。Storybook も導入しています。

chartjs circleci nuxt3 storybook tailwindcss typescipt vercel vuetify3

Last synced: 10 Feb 2025

https://github.com/michaelschwobe/crate-rackt-app

An opinionated template/starting point was bootstrapped with Create React App and includes React Router, Storybook, Airbnb/ESLint/Prettier linting, prop-types, and classcat.

airbnb-linting classcat create-react-app eslint prettier prop-types react react-router storybook

Last synced: 17 Feb 2025

https://github.com/wadamek65/treease

Simple tool to quickly create a file structure with export for documentation purposes.

daisyui documentation solid-dnd solidjs storybook

Last synced: 06 Jan 2025

https://github.com/code-challenges-org/atomic-design-react

Exemplo prático utilizando os princípios do Atomic Design no React para criar componentes mais limpos, simples e fácil de testar.

atomic-design jest react storybook typescript

Last synced: 13 Oct 2024

https://github.com/gabriele-mastrapasqua/autocomplete-component-test

A simple autocomplete component with storybook and cypress!

cypress jest nextjs react reactjs storybook typescript

Last synced: 20 Jan 2025

https://github.com/williamtraoreee/ui

My personal UI library based on React + UnoCSS + ArkUI

component kit library storybook ui uikit

Last synced: 11 Feb 2025

https://github.com/faebeee/storybook-auto-events

Annoyed to always add all events to your story so that they appear in the Actions panel? This is where storybook-auto-events comes in handy. It will automatically detect all events thrown in your component and create an event listener for exactly that event.

development documentation storybook tools

Last synced: 02 Feb 2025

https://github.com/tobilen/storybook-addon-storypa11y

Addon for storybook that runs pa11y as jest tests

hacktoberfest stories storybook

Last synced: 10 Feb 2025

https://github.com/leolanese/angular-storybook-chromatic-cdd

Chromatic is a Visual Regression Test Suit: It can be used to test UI changes in Storybook. take snapshots before and after pushing, and make a comparison automaticly It lets them visually tests stories automatically and publish their Storybook for others to reference. QA can often feel like the world's longest game of "spot the difference"

angular chromatic github-actions storybook

Last synced: 13 Jan 2025

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

StoryBook del curso de React Pro para documentar componentes

react storybook typescript vite5

Last synced: 28 Dec 2024

https://github.com/mikedidomizio/next-tailwind-storybook-typescript

A basic implementation of Next + Tailwind + Storybook + Typescript

nextjs storybook tailwind typescript

Last synced: 28 Dec 2024

https://github.com/pedrohvfernandes/maratona-ignite-lab-design-system

Projeto feito através da @Rocketseat, junto com o instrutor @diego3g. Design System do design ao codigo

cicd clsx css design-system figma patterns patterns-design radix radix-ui react storybook tailwindcss typescript workflow

Last synced: 21 Jan 2025

https://github.com/octave08/lerna-yarn-monorepo-example

TypesScript + Lerna + Next.js + Storybook = 😄

lerna monorepo nextjs nextjs-template storybook yarn-workspaces

Last synced: 18 Jan 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: 17 Feb 2025

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/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/georgekaran/next-boilerplate

:sparkles: :canned_food: A simple boilerplate to work with Typescript, React, NextJs, and Styled Components.

eslint jest nextjs react storybook styled-components testing-library typescript

Last synced: 30 Jan 2025

https://github.com/freightos/storybook-react-live

react-live decorator for Storybook 6+ | renders story as react-live

decorators react-live storybook storybook-addons

Last synced: 17 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/levdwire/tailwind

Levdwire based colors, presets, helpers and components for the TailwindCSS.

beatiful colors components css eslint levdwire levdwire-ui lightweight powerful presets prettier storybook tailwind tailwindcss typescript vitest

Last synced: 17 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/alexgorbatchev/storybook-addon-localstorage

A Storybook v8 addon and decorator for mocking and displaying current values of the `localStorage` in a Storybook panel

addon localstorage storybook

Last synced: 13 Jan 2025

https://github.com/lhenriquedeveloper/desing-system-ignite-lab

Design System construído no evento Ignite Lab da Rocketseat.

react storybook typescript

Last synced: 18 Feb 2025

https://github.com/alkamin/indigo

Create a chakra-ui based React component library with one command

chakra-ui cli component-library github-package-registry oclif react semantic-release storybook typesript

Last synced: 18 Feb 2025

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/marcuwynu23/story-blog-app

A web application dedicated to sharing blog stories.

shortstories stories story storybook web webapp website

Last synced: 17 Feb 2025

https://github.com/hyanmandian/ng-dragons

Simple Angular application made with Angular CLI consuming Dragons API.

angular auth demo material router storybook typescript

Last synced: 21 Jan 2025

https://github.com/ryichk/nextjs-boilerplate

Boilerplate for building web apps with Next.js TypeScript

amplify aws docker eslint jest nextjs prettier react storybook tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/gloriajun/gloria-libs

for developing research and my frequent library packages

jest lerna monorepo react storybook tailwindcss typescript

Last synced: 18 Feb 2025

https://github.com/chakas3/nuxt-storybook-composables-example

Created with StackBlitz ⚡️

nuxtjs storybook vuejs

Last synced: 21 Jan 2025

https://github.com/renatoxm/vod-next

Vod - Next.js video on demand App

nextjs redis sentry storybook upstash vercel

Last synced: 18 Jan 2025

https://github.com/jedrzejginter/next-showcase

Very simple and basic alternative for Storybook working on Next.js.

nextjs react showcase storybook

Last synced: 21 Jan 2025

https://github.com/seancheong/chroma-ui

A design system built with React, Tailwind CSS and Storybook

design-system react storybook tailwindcss typescript

Last synced: 02 Nov 2024

https://github.com/kaihotz/kai-ui

A design system composed out of custom react components, supporting dark and light mode

css-variables dark-mode dark-theme design-system react react-components scss-styles storybook

Last synced: 26 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/jamalsoueidan/booking-admin

An Azure Static Web App (React) that uses all booking APIs.

azure chromatic openapi orval react react-query static-web-app storybook typescript

Last synced: 18 Feb 2025

https://github.com/silverbirder/o-embed

<o-embed> is Web Components for oEmbed generated by open-wc

javascript oembed open-wc storybook webcomponents

Last synced: 21 Jan 2025

https://github.com/trenaryja/ui

My own component library, complete with Storybook!

component-library design-system react storybook typescript

Last synced: 26 Jan 2025

https://github.com/r-brook/windows-95-components

Next.js, React, Storybook, Jest, Tailwind CSS

jest nextjs react storybook tailwindcss typescript

Last synced: 12 Feb 2025

https://github.com/troyalford/sheetforge

Intuitive, interactive, editable RPG character sheets, built for use with any system

axis-rpg mobx mobx-state-tree react storybook

Last synced: 14 Feb 2025

https://github.com/margo-yunanova/vk-music-audio-widget

Музыкальный плеер - виджет

react react-use-audio-player storybook typescript vk vk-music vkui

Last synced: 11 Feb 2025

https://github.com/xqsit94/vite-react-ts-starter

A starter template for React with Vite and TypeScript includes Storybook, Jest, Eslint, Prettier, Husky, and Unocss

husky react-eslint react-prettier react-typescript reactjs storybook unocss vite-react

Last synced: 29 Dec 2024

https://github.com/indaco/storybook-sveltekit

Template for new projects with support to Storybook, SvelteKit, Typescript, Plop, Vitest and Tailwind CSS.

plopjs storybook sveltekit tailwindcss template-project template-repository typescript vitejs vitest

Last synced: 14 Feb 2025

https://github.com/rodrigorvsn/lab-design-system

🧪 Design System tests using Figma, Storybook, Tailwind CSS and React (vite)

composition design-system react storybook tailwindcss vite

Last synced: 17 Feb 2025

https://github.com/elegantframework/.github

Elegant is the easiest way to create a new static website or blog, and publish it online. No need for databases, external services, or complicated server setups. Built with Next.js, Tailwind CSS, Markdown loading, & much more.

elegant jest markdown mdx next nextjs react reactjs storybook tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/melloware/primereact-storybook

PrimeReact Storybook

primereact storybook

Last synced: 30 Dec 2024

https://github.com/le0pard/storybook-addon-root-attribute-demo

Demo for storybook-addon-root-attribute

css html library storybook storybook-addon

Last synced: 15 Feb 2025

https://github.com/woorifisa-projects-3rd/withbeetravel-fe

✈💵 여행 공동 지출 관리 및 자동 정산 서비스

framer-motion nextjs storybook turborepo typescript

Last synced: 30 Dec 2024

https://github.com/th3s4mur41/demo-storybook

Repository used to reproduce and report issues with storybook

bug demo storybook test

Last synced: 11 Feb 2025

https://github.com/tim-w-james/react-ts-template

Opinionated template for frontend React TypeScript projects with Vite, ESLint, Prettier, Vitetest, and more. Includes a README template

biolerplate eslint frontend github-actions hmr husky node npm pnpm prettier react renovate starter storybook stylelint template typescript vite vitest

Last synced: 05 Nov 2024

https://github.com/yago/blank-component

⚛️ Blank React Component

emotionjs enzyme jest react reactjs storybook

Last synced: 30 Dec 2024

https://github.com/utarwyn/storybook-branch-switcher

A Storybook addon and a simple CLI to navigate between multiple Git branches.

add-on branches storybook

Last synced: 08 Nov 2024

https://github.com/pedro-candido/goomer-challenge

O Goomer Challenge é um app de delivery de comida 🍕

goomer jest react redux storybook typescript

Last synced: 26 Jan 2025

https://github.com/devmnj/prismic-nuxt-complete-blog

Nuxt-Prismic-headless-cms bloging app using Vue, TailwindCSS

blog-engine nuxtjs prismic-cms prismic-javascript prismicio storybook tailwindcss vue vuejs vuejs2 vuex

Last synced: 16 Jan 2025

https://github.com/bl33h/disneyplusreplica

A replica of the Disney+ principal page built using React and Vite.

eslint netlify npm react replication storybook vitest

Last synced: 21 Jan 2025

https://github.com/kohta9521/kohta_2025_portfolio_site

これまでに経験、そして勉強してきた内容をふんだんに使用した毎年恒例個人ポートフォリオサイト。2025年は就活の年ということもあり、デザインからしっかりと作成。旬の技術も使いつつ、UI/UXからSEO対策、フロントエンドエンジニアとして細かな実践向きの内容を多く含めたサイトです。

figma microcms nextjs nuwt sass storybook typescript vercel

Last synced: 27 Jan 2025

https://github.com/sachskaylee/create-react-prototype

A CLI similar to create-react-app, just for simple & small libraries. 📚

babel boilerplate cli compile create-react-app create-react-library create-react-prototype library react storybook

Last synced: 07 Jan 2025

https://github.com/pabloxt14/ignite-design-system

Design System construído no formato de monorepo, utilizando TypeScript, React, Storybook, Stitches, Radix UI, entre outras ferramentas.

changeset radix-ui react stitches storybook turborepo typescript

Last synced: 27 Jan 2025

https://github.com/abelflopes/react-ck

React Component Kit - React Components & Utils

cicd components design-system library react storybook tsx typescript utils

Last synced: 06 Nov 2024

https://github.com/hhimanshu/rapid-front-end-development

How to work with Mock Service Worker when using REST APIs

jest mock-service-worker msw mswjs react-query storybook tyepscript

Last synced: 11 Jan 2025

https://github.com/iammatthias/baked-goods

A component library built with Vanilla-Extract, Vite, and Storybook.

component-library components storybook vanilla-extract vite vitejs

Last synced: 08 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/holasoycael/boilerplate-cra

⚛️⚡ Este é meu boilerplate para aplicações React usando CRA no conceito de SPA com uma arquitetura baseada em Nex.js utilizada no curso de React Avançado de Willian Justen.

babel babeljs boilerplate eslint husky jest plopjs prettier react storybook styled-components typescript

Last synced: 16 Jan 2025

https://github.com/nl-design-system/overheidsbrede-portalen-community

Work in Progress: Templates for government services built on the NL Design System architecture.

nl-design-system storybook

Last synced: 11 Jan 2025

https://github.com/chunkangwong/ts-react-redux-mui-sb-vite-template

A project template for a TypeScript React, Redux, MUI, Storybook, Vite project.

material-ui react redux-toolkit storybook typescript vitejs

Last synced: 08 Jan 2025

https://github.com/brunos3d/nx-storybook-design-system

Creating a design-system lib with Nx and Storybook. (POC project)

design-system example monorepo nx proof-of-concept react storybook styled-components typescript

Last synced: 07 Jan 2025

https://github.com/asbhogal/a11y-stack

Accessibility-focused, typesafe Next.js frontend framework stack, with Storybook, Tailwind CSS, Shadcn, Playwright, React Hook Form, Zod, Prettier, ES Lint and Husky.

a11y accessibility accessibility-checker accessibility-testing e2e eslint husky nextjs playwright prettier react react-hook-form shadcn-ui storybook tailwindcss testing typescript zod

Last synced: 08 Jan 2025

https://github.com/calcagnoloic/dictionary-webapp

Dictionary provides definitions and examples by lexical field.

api chromatic reacttsx storybook tailwindcss

Last synced: 26 Jan 2025

Storybook Awesome Lists
awesome-design-systems 103 awesome-storybook 50
Storybook Categories
Design systems 281 Design tokens 150 Pattern library 25 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