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/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/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/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/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/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/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/pomber/react-dx-boilerplate

A react starter kit, based on create-react-app, focused on developer experience

boilerplate react react-boilerplate react-starter-kit reactjs starter-kit storybook

Last synced: 02 Feb 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/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/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/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/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/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/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 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/hackgt/frontend-core

Shared frontend components across React projects

component-library hackathon react storybook

Last synced: 27 Jan 2025

https://github.com/tsedio/tsed-vite-workspaces

A repository that show you how to create mono repository with Ts.ED and Vite/React.

jest nx-workspace reactjs storybook tsed typescript vitejs

Last synced: 05 Jan 2025

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/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/prantlf/storybook-docs-themes

Set up theme colours of documentation previews in Storybook stories.

addon storybook storybook-addon storybook-addons storybookjs styles stylesheet theme

Last synced: 01 Feb 2025

https://github.com/msupply-foundation/openmsupply-client

Someone should really write a description for this repo.

android react storybook web

Last synced: 19 Jan 2025

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

Your vite-powered UI component explorer

storybook svelte vitejs

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

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

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 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/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/ebazhanov/storybookjs

storybook for testing purpose

example storybook

Last synced: 11 Feb 2025

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

Use Swift 4 build an auto rundown paragraph animation

animation cadisplaylink interactive rundown storybook

Last synced: 16 Jan 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/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/usrrname/learnstorybook-v6-angular

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

angular component-driven storybook typescript

Last synced: 01 Feb 2025

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/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/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/tobiaslueger/jugend-eifelverein-website

🌐 Eine Webseite für die Wanderjugend im Eifelverein Rheinbach

javascript react storybook tailwindcss typescript

Last synced: 09 Nov 2024

https://github.com/doupoa/zzzstory

Zenless Zero Zone Plot Summary

documentation mihoyo storybook vitepress zenless-zone-zero zzz

Last synced: 27 Nov 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/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/songbug1024/vue-ionic

A Vue.js UI library for Ionic.

ionic storybook vue

Last synced: 07 Feb 2025

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

The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.

actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse

Last synced: 20 Jan 2025

https://github.com/ssi02014/gachigayo_front_template

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

react redux redux-saga storybook styled-components

Last synced: 30 Dec 2024

https://github.com/bcgov/jag-ecrc

Ministry of Attorney General - eCRC

ag attorney-general ecrc jest pssg react spring-boot storybook

Last synced: 25 Nov 2024

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: 12 Feb 2025

https://github.com/dianrahmaji/kkn-countdown

⏰ You don't need to check the calendar and and count how much time left. Just visit this website!

nextjs prisma storybook tailwindcss vitest

Last synced: 06 Jan 2025

https://github.com/henrybravos/storybook-example

Tutorial StoryBook with react js

react reactjs storybook storybook-addon typescript

Last synced: 23 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/bobbykim89/manguito-component-library

Manguito Component library is a component library based on Vue 3 and Tailwind CSS

component-library lerna storybook tailwindcss vite vue3

Last synced: 27 Oct 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/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/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/coderyjw/jw-ui-react

一个 react ui 组件库

components react react-hooks storybook typescript

Last synced: 15 Jan 2025

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

My own component library (WIP)

components library next react storybook tailwind

Last synced: 07 Dec 2024

https://github.com/chakas3/new-app-nuxt

Nuxt Storybook Demp

nuxt storybook storybook-vue

Last synced: 21 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/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/jonorusc/live-streaming-platform

I'm creating a Twich clone as it really is from scratch. Streaming, user authentication, machine learning and more...

components-and-templates firebase-auth livekit next14 serveractions storybook styled-components ui

Last synced: 24 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/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/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/dulajkavinda/folio-ui

🦄 A simple, modular and minimalistic component library that gives you the building blocks you need to build your portfolio.

nextjs scss storybook typescript ui-library

Last synced: 21 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/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: 26 Dec 2024