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/ariperkkio/storybook-addon-aria-live

Storybook addon for inspecting ARIA live region announcements

accessibility addon aria-live storybook

Last synced: 13 Oct 2024

https://github.com/khriztianmoreno/storybook-addon-raw-styled-component

A Storybook addon that extracts and displays compiled syntax-highlighted HTML & CSS

javascript react reactjs storybook storybook-addon styled-components tool

Last synced: 14 Dec 2024

https://github.com/aaronksaunders/ionic-vue3-storybook-1

How To Use Storybook with Ionic and VueJS, Intro video for configuring vuejs storybook and ionic framework.

ionic ionic-framework storybook vue3

Last synced: 21 Jan 2025

https://github.com/matthsena/vuejs-storybook

Tutorial de como criar, visualizar e publicar componentes Vue no NPM + Storybook

npm storybook vue-cli vue-components vuejs

Last synced: 11 Dec 2024

https://github.com/georgezouq/storybook-qiniu-plugin

StoryBook 适配的 Webpack Plugin，将 StoryBook 的 Bundle 文件 上传至七牛CDN. Upload storybook bundle file to qiniu CDN

storybook webpack

Last synced: 13 Oct 2024

https://github.com/paalamugan/next13-chakra-ui-boilerplate

Next.js 13 boilerplate with Chakra UI, TypeScript, ESLint, Prettier, Commitizen, Husky, Lint-staged, Storybook, Cypress, Semantic-release, Drizzle-kit, Drizzle-orm

chakra-ui commitizen commitlint cypress drizzle-kit drizzle-orm eslint lint-staged next13-boilerplate nextjs13 prettier react semantic-release storybook typescript

Last synced: 20 Jan 2025

https://github.com/marianapatcosta/talk-to-me

Package that allows the user to talk/text to a customizable avatar. Uses SpeechRecognition API

jest npm-package react react-testing-library scss scss-modules speech-recognition storybook typescript vite

Last synced: 11 Jan 2025

https://github.com/openchannel/angular-template-libraries

The OpenChannel Angular template libraries is comprised common component and service libraries that are used by the Angular market template and Angular portal template projects.

angular angular-libraries openchannel storybook

Last synced: 07 Nov 2024

https://github.com/donadam2/react-rollup-npm-boilerplate

This boilerplate allows you to create a react NPM package using SCSS and Typescript fast and easy

commitizen react rollup scss standard-version storybook typescript

Last synced: 18 Nov 2024

https://github.com/arthurlbo/delta-login

💻 Challenge of an interface design for authentication, end to end, from the ui to the code.

commitlint cypress eslint husky nextjs nextjs14 phosphoricons pnpm prettier radix-ui react react-hook-form storybook taiwindcss typescript zod

Last synced: 19 Jan 2025

https://github.com/calcagnoloic/devjobs-app

Devjobs board app build with 1) ReactTS/TailwindCSS and Vite for frontend and 2) Python/Flask and Docker for backend. 🚧 WIP : Only in local environment 🚧

docker docker-compose flask python reacttsx storybook tailwindcss vite

Last synced: 13 Oct 2024

https://github.com/duckyhq0/morphui

A modern, open source React UI kit used for DuckyHQ projects.

react storybook ui-kit

Last synced: 18 Nov 2024

https://github.com/joel3112/react-jopau

Monorepo of common functionality for React projects

reactjs storybook

Last synced: 11 Oct 2024

https://github.com/abhinaba-ghosh/storybook-deadlink-checker

A storybook addon that checks all of the hyperlinks in a storybook markdown file to determine if they are alive or dead

broken-link-finder md mdx storybook

Last synced: 07 Dec 2024

https://github.com/samirant15/react-native-components

React Native Components 📦📲 with Storybook 📖

component-library npm-package react-native storybook

Last synced: 09 Jan 2025

https://github.com/prashis/storybook-addon-message-bus

Interact with message bus via Storybook UI

message-bus storybook storybook-addon

Last synced: 10 Jan 2025

https://github.com/shun-shobon/nextjs-template

Next.js template with vanilla-extract, Storybook, and other tools

nextjs nextjs-template storybook template vanilla-extract

Last synced: 13 Nov 2024

https://github.com/jimmy-guzman/react-starter

🍱 Another React Starter using Bun, Vite, TypeScript, tailwindcss and daisyUI.

bun daisyui eslint github-actions knip playwright react storybook tailwind tailwindcss turborepo typescript vitejs vitest

Last synced: 28 Oct 2024

https://github.com/isystk/nuxtjs-jamstack-sample

Nuxt3・MicroCMS・GithubActionを利用した JAMStack のサンプルアプリケーションです。MicroCMS で記事を投稿すると Github Pages に自動で公開されます。

github-actions github-pages jamstack nuxt3 storybook tailwindcss typescript vuetify3

Last synced: 10 Jan 2025

https://github.com/dagerikhl/primors

Package library for common React functionalities.

components hooks lib library packages react storybook styled-components typescript

Last synced: 29 Jan 2025

https://github.com/isystk/kotlin-springboot-boilerplate

🌙 SpringBoot2（Kotlin）の学習用サンプルアプリケーションです。SpringBootを初めて学習してみたい方、Dockerを利用したJavaの開発環境を構築したい方、ECサイトを学習してみたい方、管理画面も作成（マルチログイン）を作成したい方、Stripeを利用した決算処理を作成してみたい方、ソーシャルログインを作成してみたい方、オブジェクトストレージへの画像アップロードを作成してみたい方、フロントエンドをReactで作成してみたい方にオススメです。

adminlte3 docker doma2 kotlin mysql react18 reacthooks solr springboot2 storybook stripe swagger

Last synced: 10 Jan 2025

https://github.com/danny-englander/quartz

A Drupal 10 Single Directory Components theme using PostCSS and Storybook

components css drupal laravelmix postcss storybook twig

Last synced: 28 Dec 2024

https://github.com/nypublicradio/nypr-design-system-vue

The repo for Radial, NYPR's Design System! Codeowner: @kimlarocca

design design-system design-systems storybook vue vuejs

Last synced: 25 Dec 2024

https://github.com/anupvarghese/big-calc

Chrome extension using React

chrome-extension react storybook

Last synced: 25 Dec 2024

https://github.com/silversonicaxel/storybook-addon-versioning

Storybook Addon Version is used to highlight the version of a component or of a package within Storybook toolbar.

addon react storybook storybook-addon

Last synced: 18 Nov 2024

https://github.com/futurenorthants/northants-design-system

Design system for West & North Northamptonshire Councils, two unitary councils serving Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants

react storybook styled-components

Last synced: 16 Nov 2024

https://github.com/uxplorerss/uxplorers-frontend

UX디자인 수업 프로젝트, TmoneyGO UX 개선, KUmoneyGO, 쿠머니 고

emotion github-actions react react-select storybook tanstack-router typescript vercel vite zustand

Last synced: 19 Dec 2024

https://github.com/pureooze/tle-react

A game creation tool in React. Using Storybook and Jest for testing.

game-creation jest material-ui react storybook

Last synced: 02 Feb 2025

https://github.com/halilatilla/getea

If you need a random fancy avatar or some kind of icon, check this out!

avatar avatar-generator avatar-placeholder chromatic placeholder-avatars profile-picture react storybook svg svgr

Last synced: 07 Jan 2025

https://github.com/bkinsey808/next-demo

DX(developer experience)-focused starter project for NextJs that integrates an opinionated set of libraries and best practices into a single cohesive whole. Informed by experience with enterprise front end projects successfully built by large teams. Specific technologies may change, but best practices stand the test of time.

commitizen commitlint eslint headlessui husky jest nextjs playwright react storybook stylelint tailwind typescript

Last synced: 28 Jan 2025

https://github.com/ayush272002/turborepo-template

A turborepo template configured with tailwind, shadcn, mui, storybook, prisma and an express app with esbuild bundler and tsup bundler.

express husky-hooks monorepo mui-material nextjs prisma-orm shadcn-ui storybook turborepo

Last synced: 19 Dec 2024

https://github.com/arrudadev/react-storybook-example

A example of usage of the Storybook in a ReactJs app

javascript nextjs reactjs storybook

Last synced: 14 Jan 2025

https://github.com/softspiders/cra-ts-storybook-snapshot-testing

Minimalistic Create-React-App in TypeScript with Storybook and Snapshot testing

cra create-react-app helloworld min minimalist react softspider softspiders ss storybook template test testing typescript ui

Last synced: 15 Jan 2025

https://github.com/octalmage/react-lastfm-widget

Display the most recent Last.fm scrobble for a user.

lastfm react reason-react reasonml storybook

Last synced: 18 Dec 2024

https://github.com/louffee/canada-design-system

Canada is the Louffee's Design System intended to make beautiful UIs with a lot of UX touches 🧭

accessibility atoms canada components design design-system molecules monorepo react storybook ui ux ux-ui

Last synced: 23 Jan 2025

https://github.com/robhameetman/shadow-ui

A UI pattern library with 100+ Web Components, automated screenshot testing, and MDX documentation with Storybook.

lerna-monorepo mdx pattern-library pre-alpha prs-welcome screenshot-testing storybook typescript ui webcomponents

Last synced: 19 Dec 2024

https://github.com/epfl-si/epfl-elements-react

React bindings for https://epfl-si.github.io/elements

epfl epfl-elements epfl-elements-react reactjs storybook

Last synced: 31 Jan 2025

https://github.com/ssi02014/gachigayo_front_template

🛬 가치가요 팀프로젝트 프론트엔드 템플릿

react redux redux-saga storybook styled-components

Last synced: 30 Dec 2024

https://github.com/rhannachi/ui-components

React component library created with Storybook and Tailwind CSS.

react storybook tailwindcss typescript vitejs

Last synced: 17 Dec 2024

https://github.com/fasthedeveloper/rn_componentdrivendevelopment_storybook

Welcome to this comprehensive, beginner-friendly guide on component-driven development using Storybook UI in React Native. This tutorial leverages the power of Expo and Expo Router to provide a robust learning experience.

component-architecture expo expo-router react-native storybook

Last synced: 07 Nov 2024

https://github.com/keiloktql/spacedock

The Panoramic View for Your Logs

browser changeset logging npm react storybook terminal

Last synced: 07 Nov 2024

https://github.com/adrianoescarabote/frontend-quiz-app

This project entailed the development of a frontend quiz. I utilized Figma files for styling the project.

figma git gitflow jest next redux-toolkit storybook tailwind testing-library typescript

Last synced: 21 Jan 2025

https://github.com/flex-development/jime-p001

Storybook design system, Next.js powered Shopify storefront, and serverless API for Morena's Kustomz. Morena's Kustomz is an online store that specializes in stoner necessities. While enjoying a MySpace inspired UI, users can shop pre-made ash trays, grinders, and rolling trays, or have them custom made.

apple-music-api lerna nextjs react serverless-api serverless-functions shopify shopify-api shopify-storefronts storybook typescript vercel

Last synced: 09 Jan 2025

https://github.com/jdizm/react-storybook-library

A starter repo for a Storybook library with TS, Vite & React

design-system react storybook ui-library vite

Last synced: 02 Feb 2025

https://github.com/svipulc/evoke-ui

Evoke UI is a modern, flexible, and highly customizable component library built with TypeScript and Vite. It is designed to help developers create beautiful, responsive, and accessible user interfaces with minimal effort.

reactjs storybook taiwlindcss typescript vite

Last synced: 07 Nov 2024

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

https://github.com/jaysongiroux/notion-blocks

Customizable notion blocks npmjs package

notion notion-api npmjs react storybook typescript

Last synced: 22 Jan 2025

https://github.com/sunsetmkt/chemistry-pig-story

[合作]元素周期表小猪与狼的故事

art-work fairytale story storybook

Last synced: 14 Jan 2025

https://github.com/ls1intum/artemis-ui

Artemis UI is a dynamic collection of UI components tailored for the Education Platform Artemis, offering an engaging user experience with a focus on accessibility and aesthetics. Emphasizing interactive development with Storybook, it's an open-source project inviting community collaboration for continuous enhancement.

angular artemis storybook ui-components user-experience user-interface

Last synced: 11 Dec 2024

https://github.com/webcoderspeed/react-scale

The React Scale CLI is a powerful command-line interface that streamlines the process of creating new React applications with a robust template. It provides a comprehensive set of tools and integrations to enhance your development experience.

cypress i18 react react-scale storybook tailwindcss

Last synced: 31 Dec 2024

https://github.com/abrahamcalsin/react-github-fork-banner

Add a github banner with a link to the fork or repository of your project.

npm storybook styled-components tsdx

Last synced: 12 Jan 2025

https://github.com/ruiokazaki-archive/next-jamstack-template

next v11.1.4 の JAMStackテンプレート です。TypeScript, ESLint, Prettier, StoryBook, @chakra-ui, Husky, commit-Lint, microcms-js-sdk, aspida 導入済み

aspida chakra-ui commitlint eslint husky microcms pretti storybook typescript

Last synced: 23 Dec 2024

https://github.com/hirohe/storybook-addon-jarle-monaco

storybook.js addon providing react-live preview and monaco-editor editing

jarle live-edit live-editor live-preview monaco-editor react storybook storybook-addons

Last synced: 27 Oct 2024

https://github.com/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 Dec 2024

https://github.com/jpvalery/mistral

My own component library (WIP)

components library next react storybook tailwind

Last synced: 07 Dec 2024

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

React boilerplate with webpack and babel best practices

babel circleci code-splitting eslint-airbnb prettier react storybook webpack

Last synced: 21 Dec 2024

https://github.com/wuweiweiwu/ez-react-component

An opinionated CLI to quickly bootstrap the development environment for your React component

babel bolierplate component create-react-app development environment enzyme jest react storybook webpack

Last synced: 24 Jan 2025

https://github.com/marianapatcosta/my-first-design-system

A simple design system composed of: Accordion, Button, Card, Carousel, Checkbox, Dropdown, DropdownMultiselection, Emoji, Image, Input, Modal, RadioButton, Search, ShowMore, Step, Stepper, Tab, Tabs, Textarea, Toast, ToggleSwitch, Tooltip, Upload; React;

component-library jest npm-package plopjs react react-testing-library storybook styled-components typescript

Last synced: 12 Nov 2024

https://github.com/jasonsturges/storybook-for-threejs

Using Storybook for Three.js graphics development

component graphics storybook threejs ui

Last synced: 17 Jan 2025

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

TNA Frontend contains the code you need to start building user interfaces for National Archives platforms and services

components css design frontend javascript nodejs nunjucks scss storybook webpack

Last synced: 09 Oct 2024

https://github.com/feugy/atelier

Your vite-powered UI component explorer

storybook svelte vitejs

Last synced: 26 Dec 2024

https://github.com/stephane-klein/storybook-reactjs-scaffolding

Storybook + ReactJS + i18next + some storybook addons Scaffolding

scaffolding storybook

Last synced: 28 Jan 2025

https://github.com/luismarchio03/professional-react-project-using-jest-testing-library-react-and-storybook

Projeto desenvolvido durante o curso professional-react-project-using-jest-testing-library-react-and-storybook | React + Typescript + Jest + Testing Library + Storybook + React Testing Library

atomic-design jest react reactjs stitches storybook testing-library vite

Last synced: 22 Jan 2025

https://github.com/yasu-s/vue-storybook-sample

Vue.js + Storybook sample

storybook vuejs

Last synced: 17 Dec 2024

https://github.com/prodkt/app

Turborepo for building SSR Astro websites & components in isolation with Storybook using Supabase for Data & Directus as CMS

astro directus radix-ui react shadcn ssr storybook supabase tailwindcss turborepo

Last synced: 11 Oct 2024

https://github.com/arslanoov/react-headless-ui-collection

Collection of 13 React Headless UI components, built in TypeScript & covered by tests

library react scss storybook typescript ui-components uikit

Last synced: 09 Nov 2024

https://github.com/iberasoft/web-ui-components

:clipboard: Simple library with UI Components

atomic-design cypress monorepo-boilerplate reactjs storybook typescript yarn

Last synced: 27 Dec 2024

https://github.com/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 Jan 2025

https://github.com/takumakira/markdowneditor

Coding challenge provided by Frontend Mentor https://www.frontendmentor.io/challenges/inbrowser-markdown-editor-r16TrrQX9

cypress cypress-cloud docker expo expressjs fullstack gcp jest jwt kubernetes mysql nodemailer react react-native skaffold socket-io storybook typescript

Last synced: 16 Jan 2025

https://github.com/hexagon06/vue3-boilerplate-library

A vue3 library project base. Intended to quickstart your library development without all the configuration hassle.

rollup storybook typescript vite vue vue3

Last synced: 30 Jan 2025

https://github.com/dkcodec/dkcodec-ui-kit

A modern and minimalist UI component library inspired by 2D design. Each component is designed with simplicity and elegance, making your application look sleek and user-friendly.

library npm npm-package react storybook ts ui-components ui-kit uikit

Last synced: 22 Oct 2024

Storybook Awesome Lists
awesome-design-systems 103 awesome-storybook 50
Storybook Categories
Design systems 275 Design tokens 146 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