The entire Eddie Design System — every package, consumer, relationship, and connection — in one place.
88 Web Components
45 Icons
7 Token Themes
6 Recipe Collections
Ecosystem Map

How everything connects — from design tokens through components, recipes, and into consumer products. Lines show dependency flow.
Products
Websites
Tools
Labs
Recipes
Core Design System
UI Components
Design Tokens
Icons
Git repository
npm package
Figma library
Storybook
Website
Tool
Lab
Recipe collection
 Component Composition

How Eddie components compose together — parent/child relationships and composition patterns from the knowledge graph.
Organisms (14)
Accordion
Black Friday Banner
Black Fridaymodal
Button Group
Drawer
Footer
Header
Modal
Search Form
Section
Table
Table Object
Tabs
Text Passage
Molecules (43)
Alert
Badge
Band
Box
Breadcrumbs
Button
Card
Checkbox Field
Counter
Feature
File Upload
Global Nav
Grid
Hero
Icon Link List
Inline Checkbox
Key Value Table
Layout
Layout Container
Linelength Container
Link List
List
Main
Media Block
Nav Container
Page Header
Pagination
Primary Nav
Radio Field
Select Field
Show Hide
Show More
Skeleton
Tag List
Text Field
Textarea Field
Toast
Toggle
Toolbar
Tooltip
Tooltip Trigger
Utility Nav
Atoms (27)
Accordion Panel
Breadcrumbs Item
Checkbox Field Item
Field Note
Global Nav Item
Grid Item
Heading
Hr
Icon
Icon Link List Item
Key Value Table Row
Layout Section
Link List Item
List Item
Loading Indicator
Pagination Item
Primary Nav Item
Radio Field Item
Tab
Table Body
Table Cell
Table Header
Table Header Cell
Table Row
Tag
Text Link
Utility Nav Item
Consumer Projects

Projects across ~/Sites that depend on one or more Eddie packages.

 Project Tokens Components Icons Recipes Coverage Status Design System Game — Realtime Ui — Ultimate Bad — Ultimate Good — Ai Design Systems Course Website — — — Ai Design Systems Resources — — Asset Factory — Content Brain — Eddie Slides — — — Git For Music — Now Os — — Quest For A Global Design System — Token Stealer — Tools Dashboard — We Are Here — Adoption Opportunities

Projects not yet using Eddie — potential candidates for adoption.

 a11y-fixer

~/Sites/_labs/a11y-fixer

 a2ui

~/Sites/_labs/a2ui

 burndown-extension

~/Sites/_labs/burndown-extension

 design-system-comparison

~/Sites/_labs/design-system-comparison

 bf-visualzzz

~/Sites/_tools/bf-visualzzz

 communicate

~/Sites/_tools/communicate

 eddie-ecosystem-tracker

~/Sites/_tools/ecosystem

 eddie-ecosystem

~/Sites/_tools/eddie-ecosystem

 idea-box

~/Sites/_tools/idea-box

 our-company

~/Sites/atomic-design-course

 eleventy-base-blog

~/Sites/bf-eleventy

 bf-export-to-md

~/Sites/bf-export-to-md

 eddie-boilerplates

~/Sites/eddie-boilerplates

 figma-console-mcp

~/Sites/figma-console-mcp

 wake-up-excited

~/Sites/wake-up-excited

 Package Versions Package Version npm Eddie Web Components View on npm Eddie Design Tokens View on npm Eddie Icons View on npm Eddie Recipes View on npm