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/onurhan1337/onur-ui

component library but commented by me.

jest radix-ui react shadcn-ui storybook tailwindcss

Last synced: 10 Jan 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: 25 Dec 2024

https://github.com/hhimanshu/gatsby-svg-import-example

Import SVG in your Gatsby TypeScript project with Storybook

gatsby storybook svgr typescript

Last synced: 11 Jan 2025

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/elisa-amaral/dynamic-landing-pages-with-reactjs-and-strapi

Users can build responsive landing pages dynamically through Strapi back-end rendered by React.js front-end.

api backend cloudinary elephantsql frontend full-stack headless-cms javascript jest postgresql react reactjs responsive storybook strapi styledcomponents

Last synced: 12 Jan 2025

https://github.com/carlodevil/monorepo-template

A Vue3-based monorepo setup for startup projects.

cypress docker jest nuxt storybook tailwindcss vue3

Last synced: 17 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/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/joduplessis/weekday

Level up your team. Weekday is a messaging-first collaboration platform that gives your team superpowers. 💬 🚀

app cordova design design-patterns dev-kit electron googledrive graphql janus jimp messaging mqtt oauth2 polls react storybook webrtc

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

OnePageとは、プログラミングに特化したスライド共有サービスです。

bulma grape rails rubocop ruby storybook vuejs

Last synced: 02 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: 20 Dec 2024

https://github.com/deepraining/mint-ui

mint-ui 扩展. mint-ui extensions.

gulp jest mint-ui storybook vue webpack

Last synced: 15 Jan 2025

https://github.com/hamzaamar/amar-hamza

Built with Next.js, CSS, and TypeScript, my portfolio is a high-performing and SEO-optimized site showcasing my web development skills. Storybook provided efficient component development and testing.

blog nextjs portfolio reactjs scss storybook

Last synced: 19 Dec 2024

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/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: 26 Dec 2024

https://github.com/isystk/amplify-reactjs-sample

AWS Amplify の学習用サンプルアプリケーションです。

amplify cognito graghql material-ui react storybook typescript

Last synced: 10 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/nickytonline/storybook_and_chromatic_with_chantastic

Michael Chan a.k.a. Chantastic joins Nick Taylor on stream to discuss and live code with Storybook and Chromatic

chromatic react storybook

Last synced: 07 Feb 2025

https://github.com/lencx/nx

🐠 js utils, react hooks, antd hook, etc.

antd hooks javascript react storybook utils

Last synced: 28 Nov 2024

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/mediamonks/muban-storybook

A storybook for Muban projects.

muban storybook

Last synced: 30 Jan 2025

https://github.com/giltayar/visual-grid-todomvc-tests

Implementation of TodoMVC (React+Redux), including Cypress and Storybook tests that visually test it using the Applitools Visual Grid

applitools cypress storybook testing todomvc visual-testing

Last synced: 28 Jan 2025

https://github.com/hustle-dev/frontend-skill

👨🏻‍💻💻 기술을 사용해보면서 공부한 소스 코드를 정리합니다.

nextjs react react-query redux rtk rtk-query storybook vite

Last synced: 20 Dec 2024

https://github.com/luisreinoso/ng-stories-schematics

Angular stories (Storybook) schematics

angular schematics storybook

Last synced: 31 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/shiki-01/portfolio

ポートフォリオを作ろう

clouflare microcms storybook sveltekit typescript

Last synced: 16 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/deepraining/react-app-starter

一个用于快速创建 React 项目的模板脚手架，使用 Webpack 与 Storybook 构建. A boilerplate for creating a React application, using Webpack and Storybook.

app boilerplate enzyme gulp jest react starter storybook webpack

Last synced: 15 Jan 2025

https://github.com/trancore/todo

様々なフロントエンドフレームワークを理解するためのTodoアプリケーション

cypress docker expressjs jest nextjs nodejs passportjs reactjs redux rtk-query storybook styled-components testing-library typescript

Last synced: 15 Jan 2025

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

React components inspired by Spectre.css

javascript react reactjs spectre-css storybook

Last synced: 20 Dec 2024

https://github.com/jefferson1104/design-system-lab-reactjs

This project is a design system, where I developed a layout in the Figma tool using some UI/UX practices. In the development of the application I used React.js as the main library and storybook.

radix-ui reactjs storybook tailwindcss typescript vite

Last synced: 11 Jan 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/vidundergunder/roadcam

A road camera web app. Monorepo with NX, Storybook, Next (with serverless functions), TypeScript, Node, a React library, MongoDB and friends. 😄

automatic-deployment mapbox-gl mongodb monorepo next node nx react serverless storybook styled-components typescript vercel

Last synced: 05 Feb 2025

https://github.com/duquejo/vue-users-management

Vue Users Management - Atomic design system made with VueJS + Storybook + Tailwind SASS

sass storybook tailwindcss vite vue3 vuejs

Last synced: 22 Jan 2025

https://github.com/tavareshenrique/ignite-lab-design-system

O Ignite Lab Design System é um projeto da Rocketseat onde construimos uma aplicação de Design System utilizando: React, TypeScript, Vite, Tailwind e Storybook. 🚀 💜

design-system ignite-lab react rocketseat storybook tailwind typescript vite

Last synced: 10 Jan 2025

https://github.com/kjpar0317/react-typescript-webpack

react + typescript + webpack + redux-toolkit + redux-saga + storybook

react redux-saga redux-toolkit storybook typescript webpack

Last synced: 20 Jan 2025

https://github.com/kjpar0317/react_go

react(16.X) + redux-toolkit + redux-saga + storybook + go

go golang react redux-saga redux-toolkit storybook

Last synced: 20 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/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/238samixd/react-storybook-starter

Repository created for Storybook learning purposes

javascript react storybook

Last synced: 22 Dec 2024

https://github.com/lucasfloriani/tour-radar-challenge

Repository with the code made for the technical challenge of Tour Radar

custom-hooks jest monorepo next react storybook testing-library

Last synced: 11 Jan 2025

https://github.com/lucasfloriani/react-solitaire

Solitaire game created with react and react spring

context-api hooks jest react react-spring react-use-gesture storybook test typescript

Last synced: 11 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/vivekkravindraa/cosmos

The preliminary study of Atomic Design based on Brad Frost's theory and principles of Design Systems with the implementation of Cosmos Sports Accessories React site to understand the Component Driven Development methodology with Storybook 6.0

atomic-design react-hooks scss storybook

Last synced: 09 Jan 2025

https://github.com/ayushagarwal27/jira_clone_nextjs

A Kanban board built with TypeScript and Next.js, for full-stack development, TailwindCSS for UI and responsiveness, PostgreSQL and Prisma ORM for data management. Users can create and manage tickets with drag-and-drop functionality. Vercel edge functions for config-driven UI. Storybook for smooth component development and testing.

full-stack kanban-board nextjs postgresql prisma storybook tailwindcss typescript

Last synced: 01 Feb 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/kapit4n/project-two-client

Linkedin clone application.

graphql react react-hooks storybook typescript

Last synced: 17 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/woorifisa-projects-3rd/withbeetravel-fe

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

framer-motion nextjs storybook turborepo typescript

Last synced: 30 Dec 2024

https://github.com/matheusgrodrigues/react-desenvolvendo-uma-biblioteca-de-componentes

Curso Alura: React: criando uma biblioteca de componentes

reactjs storybook

Last synced: 23 Jan 2025

https://github.com/trabeeteam/trabee-ui

🎨 Starter template for design system.

component library react rollup storybook styled-components typescript

Last synced: 08 Feb 2025

https://github.com/locol23/component-library-boilerplate

A component library boilerplate with TypeScript and React, Vite, Vitest, Storybook

component component-library library react storybook vite vitest

Last synced: 08 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/chakas3/nuxt-storybook-composables-example

Created with StackBlitz ⚡️

nuxtjs storybook vuejs

Last synced: 21 Jan 2025

https://github.com/jdmiguel/foodublin

Web application to get information about restaurants in Dublin

axios babel eslint husky jest lintstaged nextjs prettier react redux storybook styled-components typescript yelp-api

Last synced: 28 Dec 2024

https://github.com/mahdita97/nx-next-react-boilerplate

A boilerplate base on Nx, Next, React, Tailwind, Storybook

commitlint eslint linter next nextjs nx react reactjs storybook tailwind tailwindcss

Last synced: 15 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/yinleicoder/react-chat-ui-components

React即时通讯UI组件库

react storybook

Last synced: 22 Dec 2024

https://github.com/halilatilla/nist-boilerplate

Nextjs - Next Translate(i18n)-Storybook - Tailwind Boilerplate

i18next nextjs storybook tailwind

Last synced: 22 Jan 2025

https://github.com/chinanf-boy/learnstorybook.com-zh

🇨🇳翻译: learnstorybook 学习故事书, 有益增知识 ❤️ 校对 ✅

book storybook translate zh

Last synced: 08 Feb 2025

https://github.com/minsoo-web/react-boilerplate

typesciprt, react-router (v6), redux-toolkit, storybook, craco, styled-components 를 이용한 셋업 환경입니다.

boilerplate craco react react-router-v6 redux reduxtoolkit storybook styled-components typescript

Last synced: 28 Jan 2025

https://github.com/gabrielkunst/react-boilerplate

A React boilerplate using Vite, Tailwind CSS, and configured with ESLint, Prettier, Husky, Commitlint, lint-staged and Storybook.

boilerplate commitlint eslint lint-staged prettier react storybook tailwindcss vite

Last synced: 22 Jan 2025

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

Leaflet maps of real-time vehicle locations, and arrival or departure predictions for numerous transit agencies.

aws-copilot compose docker leafletjs nginx nodejs playwright postgres react redis restbus storybook typescript vite

Last synced: 06 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/liinkiing/fullstack-laravel-next-starter

A complete starter with auth using Laravel for backend and Next for frontend

authentication chakra-ui docker graphql laravel lighthouse-php nextjs react storybook

Last synced: 05 Feb 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/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/jamband/suerte

Suerte is my private playground for Next.js and Storybook

css-modules nextjs react storybook vercel

Last synced: 28 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