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?

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 v5.2.0 new

    The ESL v5.2.0 has been released, bringing several improvements and fixes:

    • Added the ability to control slide reordering in the default renderer of ESLCarousel (see the lazy-reorder option). This update also includes minor fixes related to default styles and CLS issues.
    • Significant updates and optimizations in ESL's shared ESLint/Stylelint configurations.
    • ESLMedia improvements, including 'disablePictureInPicture' support, fixing the first frame poster on iOS, and more.
    • Fixed drag behavior for ESLScrollbar with an html target.
    • ESLUtils: pick object utility function and parseLazyAttr formatter.
    • Site improvements, including a complete reimplementation of the page layout.

  • ESL v5.1.0 new

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

    • New ESLLazyTemplate mixin to lazy load html/svg fragments (See more)
    • Major backward-compatible update for ESLMedia component:
      • ESLMedia.manager API to control all media instances
      • esl:media:before:play hook-event and support for play restrictions
      • autostop/autoplay inside esl-togglable instances
      • updated paly-in-viewport functionality (more reliable and customizable)
    • ESLEventListener fix a bunch subscription on static targets
    • RTL utils were simplified and optimized according to the actual browser support
    • Updated ESL ESlint/Stylelint shared configurations

  • ⚡ESL v5.0.0 is out!⚡ (Migration Guide for ESL v4.*.*)

    The ESL version 5.0.0 has just been released and comes with a lot of new features and improvements. This guide will help you to migrate your existing ESL v4.*.* project to ESL v5.0.0. Preparation We recommend that you consider using the ESL ESLint...

  • [Site 🌐] Note esl-ui.com is under update for ESL v5.0.0

    Howevever, the we already are pleasued to present third level navigation, inital doc, blogs sections and updated examples. We will keep you posted on the progress. Stay tuned! 🚀

  • ESL v4.18.0

    ESL version 4.18.0 (support release) is now available on NPM.

    This release includes a few important updates and fixes:

    • Major bugfix in ESLMixinElement livecycle (fixes issues with disconnection call for mixins in DOM subtree).
    • Deprecation and support migration rule for ESLMediaRuleLIst.parse method. It is going to be reintroduced in ESL v5.0.0 with a new signature and functionality.

  • ESL v5.0.0 Preparation

    ESL version 5.0.0 is coming soon. This major release will bring many changes and improvements. We strongly recommend to setup ESL ESLint Plugin (@exadel/eslint-plugin-esl) in advance to make the migration process smooth, safe, and simple.

Show older news