Skip to main content
Elastic UI
Elastic UI
Getting startedComponentsPatternsContentData visualization
EUI ChangelogGitHubFigma

Meet the EUI framework,

powering the Elastic Stack

_

Get startedWhat's new?(external, opens in a new tab or window)Contribute(external, opens in a new tab or window)
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

All components

Developers

  • Getting started

    Install framework and make initial adjustments
  • Contributing

    Help EUI improve even faster
  • Tokens

    Speed up your work by using and customizing tokens

Designers

  • Patterns

    Preferred solutions to specific user needs
  • Content

    Write thoughtful and consistent in-product copy
  • Icons

    A wide variety of icons to enhance your designs
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic