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

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

antd hooks javascript react storybook utils

Last synced: 28 Nov 2024

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/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/renatoxm/vod-next

Vod - Next.js video on demand App

nextjs redis sentry storybook upstash vercel

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

Created with StackBlitz ⚡️

nuxtjs storybook vuejs

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

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

framer-motion nextjs storybook turborepo typescript

Last synced: 30 Dec 2024

https://github.com/61130061/tailbook

📓 Not a library and easy to use tailwind ui component collection for your website.

react storybook tailwind tailwind-component tailwindui

Last synced: 15 Feb 2025

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

web site for game sales 🎮

nextjs reactjs ssg ssr storybook strapi styled-components

Last synced: 01 Feb 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/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/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/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/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/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/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/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/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/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/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/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/itemconsulting/xp-storybook-utils

Helper library for using Storybook with Enonic XP

enonic-xp storybook

Last synced: 11 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/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/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/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/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 09 Nov 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/lostovayne/storybook-react

StoryBook del curso de React Pro para documentar componentes

react storybook typescript vite5

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

https://github.com/softspiders/cra-ts-uilib-storybook-lerna-mvn-war

Minimalistic React app in TypeScript based on UI lib with Storybook and building war by Maven. And all of this in Lerna monorepo.

build cra create-react-app lerna maven mini monorepo mvn react softspider softspiders ss storybook template ts typescript war

Last synced: 15 Jan 2025

https://github.com/kit-data-manager/pid-component

The PID-Component is a web component that can be used to display PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.

fair-data fair-do handle pid stenciljs storybook tailwindcss typescript webcomponents

Last synced: 12 Nov 2024

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/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/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/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/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/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/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/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/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/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/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/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/evanch98/flowt-landing-page

A landing page for a fictional company. Built with Next.js, React, TypeScript, Tailwind CSS, and Framer Motion.

framer-motion landing-page micro-animations nextjs react storybook tailwindcss typrescript web-animation

Last synced: 22 Jan 2025

https://github.com/open-election-compass/ui

Collection of Vue.js components for the OpenElectionCompass web interfaces.

storybook vue

Last synced: 16 Jan 2025

https://github.com/wurde/prefab-ui

A suite of Web Components built using Prefab Design.

storybook web-components

Last synced: 12 Feb 2025

https://github.com/jdegand/storybook-gh-pages

Devchallenges - Legacy - Frontend-Developer - Buttons & Inputs challenges storybook deployed on github pages

devchallenges devchallenges-legacy react storybook styled-components

Last synced: 22 Jan 2025

https://github.com/en-atul/monorepo-boilerplate

Monorepo setup for React with tailwindcss, storybook

monorepo prettier react reactjs storybook stylelint tailwindcss typescript yarn-workspaces

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

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