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.15.0

    ESL 5.15.0 is out now on npm – a light stability pass while we progress toward v6.

    • Carousel: smarter navigation context ("current" marker + helper APIs) to simplify custom indicators and status UI.
    • Popup: race condition fix for rapid open / close cycles improves reliability in dense interactive layouts.
    • Docs & site polish: improved mobile table readability and spacing.

    Forward look: work on the v6 major (including final removal of the deprecated standalone ESL plugin) continues; adopt the unified ESL ESLint config from 5.14+ to stay aligned.

  • ESL v5.14.0

    ESL 5.14.0 is out now on npm – a focused release streamlining linting adoption, strengthening interactive components, and expanding JSX / TSX ergonomics.

    • Unified linting: @exadel/eslint-config-esl now embeds ESL migration & support rules. @exadel/eslint-plugin-esl is deprecated from this version and will be removed in 6.0.0 – switch to the config to stay current.
    • JSX / TSX DX: global ESLIntrinsicElements declarations and an extended TSX guide with full decorator documentation accelerate component authoring.
    • Interactive components: Carousel gains configurable autoplay restriction logic; Popup exposes lightweight param access with automatic cleanup; Trigger now consistently emits the esl:change:action event; Deprecated action param aliases removed across components.
    • Site & docs: refreshed navigation & sidebar UX, new decorator docs set, TSX guide, and general cleanup (unused assets & tags removed) for a leaner footprint.

    Upgrade notes: adopt the unified ESL ESLint config to prepare for v6, and review carousel / popup configuration if you rely on custom autoplay or popup parameter handling.

  • ESL v5.12.0 - v5.13.0

    ESL 5.13.0 is out now on npm – delivering a stronger carousel autoplay experience, smarter event type handling, and safer foundations across these two incremental releases.

    • Carousel: refined autoplay engine (new interaction scope, smarter pause logic, resilient state machine) drives smoother, more controllable slide engagement.
    • Content presentation: new esl-line‑clamp auto mode and tuple mask option.
    • Developer & platform safety: new @safe decorator plus stricter typed event targets reduce edge‑case failures and improve diagnostics.
    • Productivity & UX: autofocus prioritization in toggleable components and clearer media/query error handling lower friction in assembly and QA.
    • Security & robustness: utilities hardened against prototype pollution; broader error handling and fallback behaviors reduce runtime risk.

  • ESL v5.11.0

    ESL v5.11.0 is now available!

    This release adds per‑slide autoplay timeouts for esl-carousel via the esl-carousel-autoplay plugin. It also fixes an incorrect slide‑move debug log when adding a slide via the JS API before it’s in the DOM.

    We also merged the UI Playground codebase into the ESL monorepo. The package remains private; we’ll present it later once docs are moved to the ESL site and independent versioning is in place.

  • ESL v5.10.0

    ESL v5.10.0 is now available!

    This release introduces the new esl-line-clamp mixin, providing a clean solution for limiting text content within blocks. We've enhanced event handling with improved type support in ESLEventUtils and expanded our TypeScript utilities for better development experience. The update also includes important fixes for esl-carousel wheel event handling and resolves missing event type definitions for custom event targets. Additionally, we've updated our stylelint plugin dependency to version 4.0.0, which now requires stylelint 16.22.0 or higher for improved styling capabilities.

  • ESL v5.9.0

    We’ve just released ESL v5.9.0! Here’s a quick summary of what’s new:

    • Improved esl-carousel: reworked state API, enhanced and reworked navigation syntax.
    • Introduced basic support for free-mode carousels with new public property offset and move event.
    • Added viewport visibility control for the esl-carousel-autoplay plugin.
    • Fix esl-carousel-relate-to to follow the initial spec (plugin now out of beta).
    • Extended esl-carousel-wheel to work with free-mode carousels.
    • Enhanced and fixed play-in-viewport in esl-media to work properly with a stopped video.
    • esl-trigger now stops handled click and keydown events from bubbling by default.
Show older news