Exadel Smart Library

UI component library with flair and precision

ESL is an open-source web components library that helps developers create modern-looking, effective, and user-friendly interfaces faster.

Get started See the library in action

Why the ESL Web Components Library?

  • Efficient

    Our library reduces the work needed to create reusable UI components by giving you a reliable base to customize and expand on for fast and accurate development.

  • Fast

    With ESL, there’s no need to write lengthy markup — the reusable elements in our UI component library are small, but they’re designed to be the optimal building blocks for your content.

  • Light

    We specifically designed our reusable web components to work quickly and efficiently in browsers, cutting out the unnecessary code that takes a toll on user experience.

  • Powerful

    While the modules in our web components library may be small, they’re also universal, allowing you to mix and match the UI components at will to create large modules.

  • Tested

    We covered all of our utilities with unit tests to make ESL the best front end component library, which means every new addition works just as expected.

  • Versatile

    Our UI component library doesn't introduce any additional restrictions — only benefits, as it offers utilities and framework-agnostic web components that work with any tech stack.

Browser Support

Our web components library uses built-in browser functionality — Web API and ECMAScript 6 features that are fully supported by modern browsers such as Chrome, Firefox, Safari, or Edge.

If you want our UI component library to work in older browsers, you can use one of the polyfill lists — "light" or "full."

Read More

Let's Get Started

Join the array of consumers who successfully use our UI component library. ESL brings to you a number of ultra-light reusable UI components to create unique layouts and utilities to improve the development experience.

Get started Components Docs

Our News

  • ESL v4.12.0

    ESL version 4.12.0 is now available on NPM. Explore the enhancements in the latest release:

    • Introducing support for a new event target designed to detect touch swipe gestures (refer to ESLSwipeEventTarget)
    • ESLMedia now supports lazy initialization (refer to ESLMedia lazy attribute)
    • Bug-Free Experience: ESLTabs now observes the resize of its content instead of observing the window resize event
    • The structure of esl-event-listener/core/targets has been optimized, and now helpers are accessible with more consistent names

  • ESL v4.11.0

    The ESL v4.11.0 has been released. The latest version brings the following updates:

    • ESLPanelGroup now supports close state and provides correct animation for it
    • New marker attribute for ESLPanelGroup: has-opened that indicates that the panel group has open panels inside
    • Technical improvement for isElement checks across the library (ESL stable to DOM manipulation between different window contexts, e.g. iframes)
    • New utility methods: isElement and isPlainObject