Resources · Libraries

Web

The code side of ECO: ready-made components in HTML and CSS.

Storybook web library

Developers: start here. Storybook shows every component live, with its variations, its settings and the code to copy.

Storybook web libraryThe UI component library, in HTML and CSS.

What you find there

  • Every component, grouped by category, with live variations.
  • Controls to change a component’s properties and see the result.
  • The component code with its classes, ready to copy.

Where do I look?

The tools answer different questions. Use this table to pick the right one.

I want to…Go to
Copy the code for a componentStorybook (above)
Understand when to use a component, and howComponents in this documentation
Check a color, a spacing value or a type styleFoundations in this documentation
Design with a component in FigmaDesign library
Set up my environmentIntroduction for Developers

Do you have a question, comment or idea?

Let us know in the design system Slack channel.

ECO Design SystemVisit the ECO Slack channel.