Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/storybook
- Repo: https://github.com/storybooks/storybook
- Released: March 31, 2016
- Related Topics: react, react-native, angular, vuejs, frontend, javascript, nodejs,
- Aliases: storybooks,
- Last updated: 2025-02-13 00:29:01 UTC
- JSON Representation
https://github.com/anupvarghese/big-calc
Chrome extension using React
chrome-extension react storybook
Last synced: 25 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/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/dtwrks/elm-book-interop-elm-ui
Use elm-ui with elm-book
elm elm-book hexdocs storybook
Last synced: 24 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/lloydrichards/shadcn-storybook-registry
Repository of stories for the shadcn components. Quickly get the atomic level components documented in Storybook.
Last synced: 02 Feb 2025
https://github.com/lukasbach/blackmaker
WIP React UI Framework
components design framework library react storybook system typescript ui
Last synced: 23 Dec 2024
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/juunie-roh/setting-up-next
eslint headlessui-react heroicons-react husky jest lint-staged nextjs postcss prettier react-redux react-three-cannon react-three-drei react-three-fiber redux reduxjs-toolkit semantic-release storybook tailwind-css tailwindcss typescript
Last synced: 11 Dec 2024
https://github.com/joaonetogit/boilerplate-next
NextJs 14, Sass, Storybook, Eslint + Prettier
eslint next14 nextjs-boilerplate nextjs-template nextjs14 prettier sass scss storybook vercel
Last synced: 07 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/ssi02014/gachigayo_front_template
๐ฌ ๊ฐ์น๊ฐ์ ํํ๋ก์ ํธ ํ๋ก ํธ์๋ ํ ํ๋ฆฟ
react redux redux-saga storybook styled-components
Last synced: 30 Dec 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/chara0511/hacker-news
Frontend development challenge.
chromatic cypress react react-query storybook styled-components typescript vite
Last synced: 28 Dec 2024
https://github.com/ahkohd/crao-tailwind-typescript-storybook
Typescript create-react(17)-app override with Tailwind and Storybook configured template (โ๏ธ ๐๐)
reactjs storybook tailwindcss typescript
Last synced: 13 Feb 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: 12 Feb 2025
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/bitloops/frontend-copilot
Bitloops is an AI-Powered Front-End Companion in VS Code that transforms your design into high-quality, maintainable code effortlessly.
ai frontend nextjs react responsive-design storybook tailwindcss typescript
Last synced: 15 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/boonya/backendless-apollo-client
How to do a Frontend Ahead of Backend demo project
apollo-client chromatic graphql storybook
Last synced: 08 Jan 2025
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/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/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/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/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/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: 01 Feb 2025
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/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/codenameyau/web-journal
:octocat: My web component journal
animations canvas components css html react storybook styled-components
Last synced: 12 Feb 2025
https://github.com/antonio-gg-dev/calculator
A minimalistic Calculator web-app.
calculator jest storybook tailwind-css typescript vue
Last synced: 12 Feb 2025
https://github.com/hugovarellaa/design-system
Construction of a Design System.
github-actions github-pages radix-ui react stitches storybook tsup turborepo typescript vitejs
Last synced: 23 Dec 2024
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/storybookjs/eslint-config-storybook
๐ wrapper around our @storybook/linter-config package
Last synced: 06 Nov 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/duckyhq0/morphui
A modern, open source React UI kit used for DuckyHQ projects.
Last synced: 18 Nov 2024
https://github.com/focusreactive/storybook-graphql-quick-start
addon boilerplate development graphcms graphql query storybook
Last synced: 05 Feb 2025
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/samirant15/react-native-components
React Native Components ๐ฆ๐ฒ with Storybook ๐
component-library npm-package react-native storybook
Last synced: 09 Jan 2025
https://github.com/moutinhofuturedev/dt-money
axios jest radix-ui react-testing-library reactjs sonarcloud storybook styled-components typescript
Last synced: 23 Jan 2025
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/jaceleedev/newsletter-sign-up-form-with-success-message
Frontend Mentor challenge (2. Junior) - Newsletter signup with success message
accessibility component-based-design frontendmentor-challenges nextjs14 storybook tailwindcss typescript vitest
Last synced: 07 Nov 2024
https://github.com/hayaaburaed/travel-sphere
โ๏ธ Travel and Accommodation Booking Platform
axios formik jest mui-material react react-redux storybook tanstack-react-query typescript vite yup
Last synced: 07 Nov 2024
https://github.com/principes-artis-mechanicae/design-system
GET-P Design System & UI Kit
design-system emotion-css emotion-react emotion-styled npm npm-package react rollup storybook typescript
Last synced: 07 Nov 2024
https://github.com/softspiders/cra-ts-uilib-storybook-storyshots-lerna
Minimalistic create-react-app in TypeScript based on UI lib with Storybook and Storyshots in Lerna monorepo
cra lerna lib monorepo react snapshot softspider softspiders ss storybook storyshot template test ts typescript ui uilib
Last synced: 15 Jan 2025
https://github.com/atanasster/storybook-dep-webpack-plugin
A webpack plugin to collect dependencies data.
dependencies storybook webpack
Last synced: 28 Oct 2024
https://github.com/sya-ri/node-and-vite-react
Monorepo with Turbo. node, vite + react. Deploy to AWS (Lambda, S3)
aws aws-lambda aws-s3 biome biomejs commitlint lambda-nodejs monorepo node nodejs react storybook storybookjs turbo turborepo typescript vite vite-react vitejs vitejs-react
Last synced: 11 Feb 2025
https://github.com/softspiders/next-typescript-storybook-snapshot-test
Minimalistic NextJS in TypeScript with Storybook and Snapshot testing
helloworld javascript js min mini next next-js nextjs snapshot softspider softspiders ss starter storybook template test testing ts typescript
Last synced: 15 Jan 2025
https://github.com/devlander-software/collect-exports-for-bundle
The Collect Exports For Bundle Script is a utility designed to automatically generate export statements for files in a specified directory. This tool is especially useful for projects with numerous files that need to be exported, eliminating the tedious task of manually writing export statements.
exports-function rollup storybook typescript
Last synced: 31 Jan 2025
https://github.com/devlander-software/package-json-helper
This is a utility package specifically crafted to enhance the development workflow of design systems using Storybook and React. This tool primarily addresses the challenges posed by the type property in package.json, which can often disrupt the development and deployment processes of design systems.
commonjs javascript npm-package package-json rollup storybook
Last synced: 31 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/t3n/react-packages
๐ค Packages for developing React components for t3n.de driven by Storybook
Last synced: 08 Nov 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/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/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/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/rhannachi/ui-components
React component library created with Storybook and Tailwind CSS.
react storybook tailwindcss typescript vitejs
Last synced: 10 Feb 2025
https://github.com/daveanthonyc/dc-design-system
This is my own design system that is available for building out websites that have the same UI/UX feel of contemporary "awwward" winning websites. I will also document my research and methodology regarding this.
component-library cssinjs design-system frontend open-source react storybook typescript
Last synced: 13 Jan 2025
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/chakas3/nuxt-storybook
Storybook Module for Nuxt
nuxt-module nuxt3 nuxtjs storybook storybook-addon storybookjs vue
Last synced: 20 Nov 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/dan-mba/react-svg-components
A collection of React components to generate SVGs
css react storybook svg typescript vite
Last synced: 21 Oct 2024
https://github.com/chocolateloverraj/observables
A collection of examples of observing different data types in JavaScript.
cspell eslint functional-programming javascript no-class observable react standard-js storybook typescript
Last synced: 25 Jan 2025
https://github.com/tmkx/storybook-playwright-ct
Storybook <3 Playwright
automation e2e playwright storybook test
Last synced: 20 Jan 2025
https://github.com/ioinitid/event-booking
"Event Booking" - event booking application.
apollo-client bookings emotion event-booking events graphql javascript react redux-toolkit storybook typescript webpack
Last synced: 10 Jan 2025
https://github.com/wendelfreitas/ascendio
Designed to simplify the initial setup of your turborepo project. Ideal for indie developers or people looking to create a micro SaaS using most amazing packages such as Nextjs, Vite, shadcn-ui, Jest, Storybook and more.
cli eslint generator jest monorepo nextjs saas saas-boilerplate shadcn storybook turborepo typescript
Last synced: 31 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/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: 25 Jan 2025
https://github.com/vin20777/storytelling
Use Swift 4 build an auto rundown paragraph animation
animation cadisplaylink interactive rundown storybook
Last synced: 16 Jan 2025
https://github.com/davebitter/next-boilerplate
A boilerplate for new Next.js projects
boilerplate enzyme eslint husky jest nextjs react scss storybook stylelint typescript
Last synced: 10 Feb 2025
https://github.com/michaeldowseza/awsui-components-storybook
Storybook for @awsui/components-react library
awsui components react react-components storybook ui-components
Last synced: 24 Dec 2024
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: 10 Feb 2025
https://github.com/viktoriaafitova/production-project
ci feature-sliced-design react storybook typescript unittest webpack
Last synced: 05 Jan 2025
https://github.com/nickofthyme/storybook-addon-theme-toggle
Storybook addon to toggle between multiple themes.
reactjs storybook storybook-addon theme
Last synced: 08 Nov 2024
https://github.com/coderyjw/jw-ui-react
ไธไธช react ui ็ปไปถๅบ
components react react-hooks storybook typescript
Last synced: 15 Jan 2025
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/locol23/component-library-react-vite-linaria-boilerplate
A component library (design system) boilerplate with TypeScript and React, linaria, Vite, Vitest, Storybook
component-library design-system linaria react storybook typescript vite vitest
Last synced: 08 Jan 2025
https://github.com/arthur-arslanov/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: 07 Feb 2025
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/hackgt/frontend-core
Shared frontend components across React projects
component-library hackathon react storybook
Last synced: 27 Jan 2025
https://github.com/dschau/gatsby-storybook-config
A helpful utility for getting up and running with Gatsby + Storybook
gatsby javascript react storybook
Last synced: 11 Jan 2025
https://github.com/jpb06/test-storybook-msw
A poc focusing on atomic design, storybook and msw
atomic-design msw nextjs storybook
Last synced: 12 Jan 2025
https://github.com/davicho-dev/nextts-redux_toolkit-jest-testing_library-materialui-cypress-storybook
This repository is a template with the configurations needed to use NextJS + TypeScript + Redux Toolkit + Jest + Testing Library + MaterialUI + Cypress + Storybook
cypress cypress-testing-library eslint jest material-ui next-js next-js-template nextjs nextjs-template nextjs-typescript prettier prettier-eslint react reactjs redux-toolkit storybook testing-library testing-library-react typescript yarn-berry
Last synced: 08 Feb 2025
https://github.com/georgekaran/georgekaran.com
This is my personal page where i'll post my projects and updates about me.
jest nextjs portfolio react react-testing-library storybook styled-components tdd
Last synced: 30 Jan 2025
https://github.com/walkerrandolphsmith/web-components
storybook typescript webcomponents
Last synced: 24 Jan 2025
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/willahh/notizen
Store and sync your notes across all your devices
nestjs postgresql react reactnative redux storybook tailwindcss typeorm typescript
Last synced: 18 Jan 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/gloriajun/gloria-libs
for developing research and my frequent library packages
jest lerna monorepo react storybook tailwindcss typescript
Last synced: 27 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/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/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/imnotannamaria/ignite-design-system
Design System with Storybook
design-system radix-ui stiches storybook tsup turborepo typescript
Last synced: 27 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/coyo-hm/coyo-ui
commitlint emotion react semantic-release storybook typescript vite
Last synced: 26 Jan 2025
https://github.com/jamalsoueidan/booking-admin
An Azure Static Web App (React) that uses all booking APIs.
azure chromatic openapi orval react react-query static-web-app storybook typescript
Last synced: 27 Dec 2024
