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/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 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/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/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/wallacefreitas/ignite-ds

Project developed during IgniteLabs to build a Design System using TailwindCSS, Radix, Figma and Storybook

figma radix-ui reactjs storybook tailwindcss

Last synced: 01 Feb 2025

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/jaysongiroux/notion-blocks

Customizable notion blocks npmjs package

notion notion-api npmjs react storybook typescript

Last synced: 22 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/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/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/vin20777/storytelling

Use Swift 4 build an auto rundown paragraph animation

animation cadisplaylink interactive rundown storybook

Last synced: 16 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/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/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/mmncit/css-battle

(not-the-best) solutions for css-battles

css css-battle-solutions storybook

Last synced: 19 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/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/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/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = ๐Ÿ’œ

eslint postcss storybook stylelint

Last synced: 16 Jan 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/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/ssi02014/gachigayo_front_template

๐Ÿ›ฌ ๊ฐ€์น˜๊ฐ€์š” ํŒ€ํ”„๋กœ์ ํŠธ ํ”„๋ก ํŠธ์—”๋“œ ํ…œํ”Œ๋ฆฟ

react redux redux-saga storybook styled-components

Last synced: 30 Dec 2024

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/samirant15/react-native-components

React Native Components ๐Ÿ“ฆ๐Ÿ“ฒ with Storybook ๐Ÿ“–

component-library npm-package react-native storybook

Last synced: 09 Jan 2025

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

My own component library (WIP)

components library next react storybook tailwind

Last synced: 07 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/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/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/sunsetmkt/chemistry-pig-story

[ๅˆไฝœ]ๅ…ƒ็ด ๅ‘จๆœŸ่กจๅฐ็ŒชไธŽ็‹ผ็š„ๆ•…ไบ‹

art-work fairytale story storybook

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

ไธ€ไธช react ui ็ป„ไปถๅบ“

components react react-hooks storybook typescript

Last synced: 15 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/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/nationalarchives/tna-frontend-admin

A set of styles and components designed for National Archives admin interfaces which extends TNA Frontend

components css design frontend javascript nodejs nunjucks scss storybook webpack

Last synced: 19 Dec 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/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/kunl/storybook-preset-stylus

Stylus preset from storybook

storybook storybook-addon stylus

Last synced: 13 Dec 2024

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

https://github.com/guiabolso/pink-lemonade-web

Central de componentes do Front end

react storybook typescript ui

Last synced: 12 Jan 2025

https://github.com/andresin87/ads

Design System Made with Storybooksยฎ

design-systems es6 react react-components reactjs scss storybook tc39

Last synced: 19 Dec 2024

https://github.com/ivstudio/demo-storybook-react

Demo Storybook 6 by creating a React component library

react rollup storybook

Last synced: 01 Feb 2025

https://github.com/ozzie-code-alt/warp-ui

In-House UI Library Component

javascript jest package rollup storybook typescript

Last synced: 26 Jan 2025

https://github.com/gustavohps10/sapuris-design-system

๐ŸŽจ My collection of standardized UI elements and styles

cicd design-system monorepo npm react stitches storybook tsup turborepo typescript

Last synced: 26 Jan 2025

https://github.com/pascalduez/react-proptable

React component PropTypes documentation.

documentation react storybook

Last synced: 02 Feb 2025

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

A react overlay component with connection checks.

babel component react rxjs storybook

Last synced: 02 Feb 2025