🧬 ECP Component Library

Atomic Universe Design System • lib.ecp.xrayvu.com

📐 Design Philosophy

Components organized by complexity level, following the Atomic Universe hierarchy from indivisible elements to complete ecosystems.

LEVEL 1

⚛️ Atoms

Indivisible UI elements

Examples: buttons, inputs, labels, icons

LEVEL 2

🧬 Molecules

2-5 atoms combined

Examples: search box, form field, card header

LEVEL 3

🦠 Organisms

Complex, self-contained components

Examples: data table, filter panel, navigation menu

LEVEL 4

👥 Populations

Complete page templates

Examples: TTM+ all-tasks, CMDB all-cis, dashboard

LEVEL 5

🌍 Ecosystems

Related page sets (modules)

Examples: TTM+ module, CMDB module, ITSM module

LEVEL 6

🌌 Universe

Complete platform

  • ECP (EIOS Control Panel)
  • Complete EIOS Platform

The integrated whole of all components

📚 Documentation & Standards

LCM+ Pattern: Implementation GuideTemplate
SDK Specs: UI/UX SpecificationMaster Guide