whatisgithub

What is n8n-storybook?

n8n-io/n8n-storybook — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2024-09-03

★ 11Audience · developerComplexity · 1/5StaleSetup · easy

In one sentence

A published Storybook design-system catalog showing all the reusable UI components (buttons, forms, cards) used in n8n's workflow automation platform.

Mindmap

mindmap
  root((repo))
    What it does
      Catalogs UI components
      Shows live examples
      Publishes to web
    Tech stack
      Storybook
      GitHub Pages
    Use cases
      Find existing components
      Onboard new designers
      Document design system
    Audience
      Designers
      Developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Browse n8n's UI component library before building a new feature to see if a component already exists

USE CASE 2

Onboard a new designer or developer by showing them the full design language in one place

USE CASE 3

Reference visual examples and variations of a component like a button or modal to copy the right usage

What is it built with?

StorybookGitHub Pages

How does it compare?

n8n-io/n8n-storybook100/stock-analysis-markov100/tab-organizer
Stars111111
Language—JavaJavaScript
Last pushed2024-09-032016-12-252021-03-01
MaintenanceStaleDormantDormant
Setup difficultyeasyeasyeasy
Complexity1/53/51/5
Audiencedeveloperresearchergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Copy-paste prompts

Prompt 1
Explain how a published Storybook site like this one is used to document a product's design system.
Prompt 2
Show me how to set up a similar Storybook design-system showcase and publish it to GitHub Pages.
Prompt 3
Help me compare this n8n component library to my own project's UI components for consistency.

Frequently asked questions

What is n8n-storybook?

A published Storybook design-system catalog showing all the reusable UI components (buttons, forms, cards) used in n8n's workflow automation platform.

Is n8n-storybook actively maintained?

Stale — no commits in 1-2 years (last push 2024-09-03).

How hard is n8n-storybook to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is n8n-storybook for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?