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/evandrocalado/strata-ui

Strata UI é uma biblioteca de componentes construída com React e Tailwindcss, projetada para oferecer uma experiência de desenvolvimento rápida, moderna e leve.

eslint husky lintstaged prettier react-testing-library reactjs storybook tailwindcss typescipt vitest

Last synced: 23 Jan 2025

https://github.com/shiki-01/portfolio

ポートフォリオを作ろう

clouflare microcms storybook sveltekit typescript

Last synced: 16 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/renatoxm/vod-next

Vod - Next.js video on demand App

nextjs redis sentry storybook upstash vercel

Last synced: 18 Jan 2025

https://github.com/applitools/tutorial-storybook-csf-react

Applitools Eyes tutorial using Storybook CSF with React

applitools react reactjs storybook storybookjs

Last synced: 17 Jan 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/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/pascaliske/form-elements

Collection of form elements for Angular projects.

angular angular-cli form-elements storybook

Last synced: 25 Jan 2025

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

Design System by Turborepo + Storybook + Changesets

changesets design-system storybook turborepo

Last synced: 04 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/matheusps/react-milligram

React component library inspired by milligram (with a little bit of salt 😉)

es6 javascript milligram react react-components storybook wip-do-not-use

Last synced: 06 Feb 2025

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/chriamue/yew-preview

Yew Preview Test Framework

components rust storybook testing ui-components yew

Last synced: 13 Oct 2024

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/tass-group/ui

🎨 Tass Components - A modern React UI library with TypeScript support and elegant design.

react react-ui storybook tass-group typescript

Last synced: 04 Dec 2024

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/gbombassaro/prensa-docs

Repositório de componentes para documentação de projetos em JSX/MDX.

designsystem jsx mdx prensa react reactjs storybook

Last synced: 08 Feb 2025

https://github.com/238samixd/react-storybook-starter

Repository created for Storybook learning purposes

javascript react storybook

Last synced: 22 Dec 2024

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

Set of SVG React icon components as library

react rollup storybook svg svgo svgr

Last synced: 04 Feb 2025

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

⚛️ Blank React Component

emotionjs enzyme jest react reactjs storybook

Last synced: 30 Dec 2024

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/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/kunl/storybook-preset-stylus

Stylus preset from storybook

storybook storybook-addon stylus

Last synced: 06 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: 26 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/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/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/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/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/photiary/vue3-starter-kit-a

Vite + Vue 3 + Tailwindcss + Storybook Template

axios pinia sass starter-kit storybook tailwindcss template vite vitest vue-router vue3

Last synced: 23 Dec 2024

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

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

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

react storybook tailwind tailwind-component tailwindui

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

Created with StackBlitz ⚡️

nuxtjs storybook vuejs

Last synced: 21 Jan 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/mnik01/rendering-modes

A Storybook addon that adds toolbar button to change rendering modes. Example: prefers-reduced-motion

npm package storybook

Last synced: 11 Dec 2024

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/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/leandroppf/mono-noke

Monorepo project with a published component library in npm and components docs with storybook.

component-library library reactjs storybook turborepo typescript

Last synced: 31 Dec 2024

https://github.com/danilo-vicentin-silva/os-7-pilares

Website sobre uma saga épica de livros escrita por mim

ebook storybook wiki

Last synced: 05 Feb 2025

https://github.com/archetipo95/aov-2022-nuxt

Advent of Vue 2022 but with Nuxt 3

adventofvue aov nuxt nuxtjs storybook tailwindcss vue vuejs

Last synced: 17 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/reciperium/react-recipe

React components for recipes

react recipe-lang reciperium storybook

Last synced: 07 Nov 2024

https://github.com/farbenmeer/next-image-autosize

A wrapper around next/image that does not require width and height to be specified.

nextjs storybook

Last synced: 12 Dec 2024

https://github.com/beace/host-ui

Mobile Priority Component Library Based on React

components react react-component react-component-library storybook ui

Last synced: 05 Feb 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/matheusandrade23/landing_pages

Este é um gerador de landing pages que monta páginas à escolha do usuário. Desenvolvido com ReactJS e NodeJS.

express express-session handlebars jest-tests mongoose nodejs nodemon proptypes react react-hooks react-router-dom storybook styled-components

Last synced: 17 Dec 2024

https://github.com/matheusandrade23/landing_pages_generator

Este é um gerador de landing pages que monta páginas à escolha do usuário. Desenvolvido com ReactJS e NodeJS.

cors express express-session handlebars jest-tests mongoose nodejs nodemon proptypes react react-hooks react-router-dom storybook styled-components

Last synced: 17 Dec 2024

https://github.com/nass59/nextjs-travel

Travel App designed to inspire exploration, trip planning and make booking effortless. Built with modern web technologies including Next.js, Tailwind CSS, and deployed on Vercel.

clerk mongodb nextjs shadcn-ui storybook tailwindcss vercel

Last synced: 05 Feb 2025

https://github.com/jordanpapaleo/gatsby-flow-storybook-test

Gatsby starter project built for a BeerJS Presentation

cypress-io jest prettier react responsive standardjs storybook styled-jsx

Last synced: 01 Jan 2025

https://github.com/cpapazaf/react-testing-pipeline

A streamelined testing pipeline for react components

cucumberjs galenframework karma-jasmine reactjs selenium-webdriver storybook webpack

Last synced: 23 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/jnwelzel/distance-from-x

Calculate the distance between two geographic points.

fetch-api geocode react react-hooks react-reducer storybook tailwindcss typescript vite vitest

Last synced: 01 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/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/tobilen/storybook-addon-storypa11y

Addon for storybook that runs pa11y as jest tests

hacktoberfest stories storybook

Last synced: 10 Feb 2025

https://github.com/flexbox/react-storybook-101

Component Driven Developement

netlify-tutorials storybook

Last synced: 10 Jan 2025

https://github.com/jorge79/boilerplate

A template used at the React Avançado course, and personal projects

nextjs prettier-eslint storybook styled-components testing-library typescript

Last synced: 23 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: 24 Dec 2024

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/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/casprwang/react-connectivity

A react overlay component with connection checks.

babel component react rxjs storybook

Last synced: 02 Feb 2025

https://github.com/jgjgill/blog

기록과 공유를 실천하는 블로그

blog emotion gatsby graphql netlify storybook typescript

Last synced: 24 Dec 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/jackchoumine/react-storybook-6

使用storybook编写组件文档

docu react storybook

Last synced: 17 Jan 2025

https://github.com/ripe-tech/ripe-components-react-native-storybook

The storybook for the RIPE Components for React Native

native react storybook

Last synced: 23 Jan 2025

https://github.com/kento75/react-atomic-exam

「Atomic Design ~堅牢で使いやすいUIを効率良く設計する」で学ぶAtomic Design

atomic-design react storybook

Last synced: 19 Dec 2024

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/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/pascalduez/react-proptable

React component PropTypes documentation.

documentation react storybook

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