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/e0ipso/twig-storybook

Extends Twig with new "stories" and "story" tags for easily writing Storybook stories using Twig templates.

php storybook twig twig-extension

Last synced: 28 Oct 2024

https://github.com/jonasmarco/nextjs-boilerplate

Um ponto de partida para projetos NextJS com muita coisa configurada :) - Baseado no boilerplate do projeto React Avançado 🔥

babel boilerplate eslint husky jest lint nextjs plop prettier reactjs storybook styled-components testing typescript

Last synced: 11 Jan 2025

https://github.com/usrrname/learnstorybook-v6-angular

Updating the tutorial code for Storybook v6+ to support Angular 11

angular component-driven storybook typescript

Last synced: 06 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/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/izaiasmorais/design-system

Uma interface de autenticação integrada com um design system no Storybook.

authentication design-system figma ignite-2021 radix-ui storybook tailwindcss vite

Last synced: 13 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/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/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/samirant15/react-native-components

React Native Components 📦📲 with Storybook 📖

component-library npm-package react-native storybook

Last synced: 09 Jan 2025

https://github.com/ebazhanov/storybookjs

storybook for testing purpose

example storybook

Last synced: 18 Dec 2024

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/irene-24/react-truncatable

Streamline your UI with this React component that is designed to truncate text seamlessly. [Storybook Doc] https://64f883177ec11e1edcf84fc7-hpmuefbevq.chromatic.com/?path=/docs/stories-truncatable--docs

react storybook testing truncate-text

Last synced: 11 Oct 2024

https://github.com/washingtonpost/storybook-addon-web-vitals

A storybook addon for instant feedback on loading, interactivity, and layout shift metrics.

addon cls react storybook web-vitals

Last synced: 09 Nov 2024

https://github.com/sebastian-software/edgeapp

[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.

boilerplate graphql-client jest postcss redux storybook webpack webpack2

Last synced: 30 Sep 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/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/badatt/tidy-ui

Tidy UI is a family of micro components primarily focused on building rich UI/UX, powered by styled-components, features include css-in-js, theming, mobile-first, etc

css-in-js react storybook styled-component ui

Last synced: 08 Nov 2024

https://github.com/t3n/react-packages

🤖 Packages for developing React components for t3n.de driven by Storybook

react storybook t3n-de

Last synced: 08 Nov 2024

https://github.com/lowsky/gh-dashboard-relay

Dashboard for all feature branches - linking to the deployed/running in docker containers and showing their states. Live Version:

dashboard graphql graphql-client graphql-server relay rest serverless storybook

Last synced: 23 Oct 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/paalamugan/next13-tailwind-boilerplate

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

commitizen commitlint cypress drizzle-kit drizzle-orm eslint husky lint-staged next-with-app-router next13 next13-boilerplate nextjs prettier react semantic-release storybook tailwindcss typescript

Last synced: 20 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/joel3112/react-jopau

Monorepo of common functionality for React projects

reactjs storybook

Last synced: 11 Oct 2024

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/anupvarghese/big-calc

Chrome extension using React

chrome-extension react storybook

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

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/storybookjs/eslint-config-storybook

🔗 wrapper around our @storybook/linter-config package

config eslint storybook

Last synced: 06 Nov 2024

https://github.com/gumiranda/nlw-podcastr-devdoido

Este projeto é uma releitura do projeto podcastr da NLW feito em Next.js usando Styled Components, React Testing Library, Cypress, Storybook entre outras modificações.

cypress eslint nextjs nlw nlw-5 prettier react react-testing-library storybook styled-components styledcomponents typescript

Last synced: 17 Dec 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/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/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/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/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/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/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/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/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/ssi02014/gachigayo_front_template

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

react redux redux-saga storybook styled-components

Last synced: 30 Dec 2024

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/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/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/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/sunsetmkt/chemistry-pig-story

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

art-work fairytale story storybook

Last synced: 14 Jan 2025

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/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: 30 Nov 2024

https://github.com/tymothy6/scholarmaps

Interactive literature maps, analysis, & reporting with Semantic Scholar API, Reactflow, and Novel.sh WYSIWYG editor

d3js mdx mongodb nextjs novel prisma react-force-graph reactflow semanticscholar shadcn-ui storybook tailwindcss tiptap vercel-ai-sdk

Last synced: 07 Dec 2024

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

Vue.js + Storybook sample

storybook vuejs

Last synced: 17 Dec 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/feugy/atelier

Your vite-powered UI component explorer

storybook svelte vitejs

Last synced: 26 Dec 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/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/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/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/keiloktql/spacedock

The Panoramic View for Your Logs

browser changeset logging npm react storybook terminal

Last synced: 07 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/jasonsturges/storybook-for-threejs

Using Storybook for Three.js graphics development

component graphics storybook threejs ui

Last synced: 17 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/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/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/natanaelvich/design-system-lib-example

Design System Lib example that uses Storybook, Radix, Stitches and is organized in a monorepo or turborepo.

monorepo npm-package radix stitches storybook turborepo

Last synced: 05 Dec 2024

https://github.com/takuma-ru/takuma-ru-nuxt-template

Template projects with various modules pre-installed for comfortable and efficient development in Nuxt.js

hygen nuxt3 storybook vue vueuse

Last synced: 04 Dec 2024

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

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 Jan 2025

https://github.com/lucas0019/site.the-tasteat-restaurant

The Tasteat | Restaurant site template, with the main focus on the study of new stacks

graphql headless hygraph jest-tests nextjs radix-ui storybook storybook-ui styled-components typescript

Last synced: 09 Jan 2025

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

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

Storybook + ReactJS + i18next + some storybook addons Scaffolding

scaffolding storybook

Last synced: 29 Nov 2024

https://github.com/kylemh/react-svg-icons

A template repository to quickly setup an SVG icon library for React consumers.

icon-library icons react storybook svg-icons

Last synced: 14 Dec 2024

https://github.com/memori-ai/memori-react

React library to integrate a Memori in your app or website

ai conversational-agents conversational-ai memori nlp react storybook typescript

Last synced: 14 Dec 2024

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/artursopelnik/stencil-storybook-boilerplate

A boilerplate template for creating fast and robust design systems ✨ with Stencil, Storybook, Vite and TypeScript

stencil stenciljs storybook storybookjs webcomponents

Last synced: 21 Oct 2024

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

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