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/anti-matter-studios/athena

A portfolio blog developed in React and deployed on DigitalOcean

anti-matter-studios blog cypress nodejs portfolio react storybook typescript

Last synced: 08 Nov 2024

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: 27 Dec 2024

https://github.com/guiabolso/pink-lemonade-web

Central de componentes do Front end

react storybook typescript ui

Last synced: 12 Jan 2025

https://github.com/ivstudio/demo-storybook-react

Demo Storybook 6 by creating a React component library

react rollup storybook

Last synced: 01 Feb 2025

https://github.com/cqb13/fabula-brevis

A detailed visual analysis of Scylla's encounter with Odysseus. (school project)

cqb13 latin latin-language storybook vue vue3

Last synced: 09 Feb 2025

https://github.com/ozzie-code-alt/warp-ui

In-House UI Library Component

javascript jest package rollup storybook typescript

Last synced: 26 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/pascalduez/react-proptable

React component PropTypes documentation.

documentation react storybook

Last synced: 02 Feb 2025

https://github.com/gsoft-inc/wl-chromado

Toolbox to use Chromatic with Azure DevOps

azure azure-devops chromatic storybook

Last synced: 08 Nov 2024

https://github.com/casprwang/react-connectivity

A react overlay component with connection checks.

babel component react rxjs storybook

Last synced: 02 Feb 2025

https://github.com/ijproject/job-hunting-assistance

就活生が企業情報や自己分析情報を一括で管理することができる就活支援ツール(サンプル垢でログインしてもらって構いません email: [email protected], pass: abcd1234)

aws-ec2 aws-route53 breeze drawio eslint figma inertia jest laravel10 mysql phpunit prettier storybook typescript vue-test-utils vue3 vuetify

Last synced: 27 Jan 2025

https://github.com/code-district-team/react-vite-template

Enterprise-ready React + Vite template with AG Grid, Ant Design, Stripe, and Storybook. Features authentication, data grids, file ops, and payment processing.

ag-grid antd authentication boilerplate csv-import-export docker eslint husky prettier react redux-toolkit sass server-side-filtering storybook stripe-integration template typescript vite

Last synced: 26 Jan 2025

https://github.com/dandonahoe/crude-cards

❐ ❐ ❐ Crude Cards - A shameless "parody" of Cards Against Humanity for those of you who love laughing at the worst things imaginable — because clearly, your sense of humor is broken.

cypress docker game jest kubernetes nestjs nextjs react storybook tutorial typescript websockets

Last synced: 13 Oct 2024

https://github.com/pascaliske/form-elements

Collection of form elements for Angular projects.

angular angular-cli form-elements storybook

Last synced: 25 Jan 2025

https://github.com/nationalarchives/tna-frontend-admin

A set of styles and components designed for National Archives admin interfaces which extends TNA Frontend

components css design frontend javascript nodejs nunjucks scss storybook webpack

Last synced: 12 Feb 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

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/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/wfercanas/pathfinder

[🟣 Easy]: Easygoing app for travelling supported by all the guiadance that Google Maps provide.

front-end google-maps-api react storybook

Last synced: 24 Dec 2024

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/trenaryja/ui

My own component library, complete with Storybook!

component-library design-system react storybook typescript

Last synced: 26 Jan 2025

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/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/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/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/nicolasomar/atomic-conf-poc

Prueba de concepto creada para la charla sobre Diseño Atómico en la WebConf 2022

atomic-design bulma demo front-end netlify poc reactjs sass storybook

Last synced: 15 Oct 2024

https://github.com/dhilman/compogen

A CLI tool for creating new React components with custom templates

cli generator react react-component-generator react-template storybook

Last synced: 20 Jan 2025

https://github.com/reciperium/react-recipe

React components for recipes

react recipe-lang reciperium storybook

Last synced: 07 Nov 2024

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

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/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: 13 Oct 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/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/natanaelvich/won-games

web site for game sales 🎮

nextjs reactjs ssg ssr storybook strapi styled-components

Last synced: 01 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/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/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/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/troyalford/sheetforge

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

axis-rpg mobx mobx-state-tree react storybook

Last synced: 21 Dec 2024

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: 21 Dec 2024

https://github.com/marcobiedermann/ui

🦄 Collection of web UI components

components css design-system javascript modules react storybook styleguide ui

Last synced: 21 Dec 2024

https://github.com/pauliescanlon/pauliescanlon-io-2018

The portfolio of Paul Scanlon 2018

react react-emotion storybook typescript

Last synced: 21 Dec 2024

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

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 Community resources 6 Tutorials 6 Official resources 6 Presentations 4 License 4 Testing 2 Addons 1