Build Faster with EBRAINS Design

A comprehensive design system powering EBRAINS applications. Framework-agnostic components, consistent design tokens, and accessible patterns for scientific research platforms.

Framework Agnostic
License MIT
Accessibility WCAG 2.1 AA
Support GitLab
44+
Components
Production-ready UI components covering all common patterns
100%
Framework Agnostic
Use with React, Vue, Angular, or vanilla JavaScript
AA
WCAG 2.1 Compliant
Built with accessibility as a core principle, not an afterthought
UX
Analytics Ready
Every component tracks user actions out of the box with privacy-first Matomo

Build Great Products with Foundational Tools

Brand & Identity

The EBRAINS logo is central to the brand identity. Review available variations to ensure correct usage across all touchpoints.

Learn more →

Design Tokens

Defines the building blocks that ensure visual consistency and cohesive experiences—colors, typography, spacing, and more.

Learn more →

44+ Components

Production-ready components built with Web Components. Framework-agnostic and accessible by design.

Learn more →

Accessibility

WCAG 2.1 AA compliant with comprehensive keyboard navigation and screen reader support built in from the start.

Learn more →

Analytics Integration

Built-in Matomo integration for privacy-respecting analytics and insights across your research platforms.

Learn more →

IBM Plex Icons

Consistent icon library with 40+ icons designed to complement the EBRAINS visual language.

Learn more →

Built with the EBRAINS Design System

Platform Service

EBRAINS Forms

A dynamic form builder for creating surveys, registrations, and data collection workflows across EBRAINS services with validation and submission management.

Form Builder Validation Data Collection
Visit EBRAINS Forms →
Documentation

EBRAINS Handbook

The comprehensive guide for navigating EBRAINS infrastructure, tools, and collaborative practices — built with the EBRAINS Design System components.

Documentation Onboarding Technical Guides
Visit EBRAINS Handbook →

Ready to Build with
EBRAINS Design System?

Join research teams using our design system to build accessible, performant applications for brain research.