Meet the EUI framework,

powering the Elastic Stack_

Flexible and composable: Mix and match a wide range of powerful components and adapt to every situation
Accessible: Ensure a seamless experience for all users with accessibility at the core of the framework
Well documented and tested: Build your designs and code with confidence in a reliable and fully documented framework

Widely used in EUI

Flexible layout
Flex groups, grids, panels and items to build responsive page layout
Spacer
Component with strictly defined height to organise content blocks
Text
Simple HTML text like paragraphs or lists, wrapped in a single component
Title
Component for styling the page, section, and content headings
Forms
Inputs with validation, grouped into a flexible form layout
Button
Variety of buttons and button groups with different styles and colours
Link
Component designed to display nicely within a block of text
Tooltip
Contextual information hint with flexible positioning and behavior
Panel
Layout helper, commonly used as a base for other components
Callout
Important message directly related to content on the page
Card
Vertical or horizontal cards, containing any custom components needed
Table
Flexible tables with sorting, pagination, selection and actions