{"id":18925187,"url":"https://github.com/exadel-inc/esl","last_synced_at":"2026-04-28T00:04:56.399Z","repository":{"id":37011408,"uuid":"323933789","full_name":"exadel-inc/esl","owner":"exadel-inc","description":"Lightweight and flexible UI component library based on web components technology for creating basic UX modules","archived":false,"fork":false,"pushed_at":"2025-04-02T12:25:17.000Z","size":256917,"stargazers_count":61,"open_issues_count":116,"forks_count":8,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-02T13:28:06.283Z","etag":null,"topics":["accordion","animate","component-library","components","custom-elements","custom-elements-ts","embedded-video","exadel-martech","flexible","lightweight","scrollbar","tabs","typescript","ui","ui-components","web-components"],"latest_commit_sha":null,"homepage":"https://esl-ui.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/exadel-inc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-23T15:13:35.000Z","updated_at":"2025-03-29T16:20:41.000Z","dependencies_parsed_at":"2024-02-12T04:30:08.386Z","dependency_job_id":"f6063961-0d3f-4401-848d-8f4b5d0e13a8","html_url":"https://github.com/exadel-inc/esl","commit_stats":{"total_commits":3109,"total_committers":40,"mean_commits":77.725,"dds":"0.45931167577999354","last_synced_commit":"704b1767be4303e18752608aa1457d0bb2761c2a"},"previous_names":[],"tags_count":276,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/exadel-inc%2Fesl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/exadel-inc%2Fesl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/exadel-inc%2Fesl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/exadel-inc%2Fesl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/exadel-inc","download_url":"https://codeload.github.com/exadel-inc/esl/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234921,"owners_count":20905854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accordion","animate","component-library","components","custom-elements","custom-elements-ts","embedded-video","exadel-martech","flexible","lightweight","scrollbar","tabs","typescript","ui","ui-components","web-components"],"created_at":"2024-11-08T11:09:52.843Z","updated_at":"2026-01-17T06:27:25.509Z","avatar_url":"https://github.com/exadel-inc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eExadel Smart Library\u003c/h1\u003e \n\u003cp align=\"center\"\u003e\u003ci\u003e(mono-repository root)\u003c/i\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"300\" height=\"300\" src=\"https://github.com/exadel-inc/esl/blob/main/docs/images/logo.png?raw=true\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/exadel-inc/esl/releases/latest\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/package-json/v/exadel-inc/esl?label=version\u0026labelColor=%23334155\" alt=\"version\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/exadel-inc/esl/actions/workflows/validate.yml\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/actions/workflow/status/exadel-inc/esl/validate.yml?labelColor=%23334155\" alt=\"build\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"./README.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-green.svg?labelColor=%23334155\" alt=\"License\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://qlty.sh/gh/exadel-inc/projects/esl\"\u003e\n    \u003cimg src=\"https://qlty.sh/gh/exadel-inc/projects/esl/coverage.svg\" alt=\"Tests Coverage\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://qlty.sh/gh/exadel-inc/projects/esl\"\u003e\n    \u003cimg src=\"https://qlty.sh/gh/exadel-inc/projects/esl/maintainability.svg\" alt=\"Maintainability\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n\u003cp align=\"center\"\u003e\n  Exadel Smart Library (\u003cb\u003eESL\u003c/b\u003e) is an open-source \u003cb\u003elightweight\u003c/b\u003e and \u003cb\u003eflexible\u003c/b\u003e UI component library based on web components.\n  Increase your site’s performance by building UX models with custom components from our library.\n  The ESL web UI components library is compatible with any framework, which makes ESL ideal for projects regardless of their tech stack.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://esl-ui.com\"\u003e\u003cimg src=\"./docs/images/welcome-btn.png\" alt=\"Visit our UI component library website with examples\" width=\"409\" height=\"75\" title=\"Click to visit our UI component library website with examples\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\" \u003e★ \u003cb\u003eCheck out our UI component library and support it with a star\u003c/b\u003e ★\u003c/p\u003e\n\n## Overview\n\nESL is mono-repository now to see more detailed information you can visit one of the following sub-packages:\n  - ### [ESL Library](./packages/esl/README.md)\n    ESL core library with all the components and utilities.\n  - ### [UI Playground](./packages/ui-playground/README.md)\n    ESL UI Playground library that provides interface for editing and previewing real-time changes within a code.\n  - ### [ESL ESLint Plugin](./packages/eslint-plugin/README.md)\n    ESL ESLint Plugin that provides ESL-specific rules and configurations for ESLint to simplify ESL updates and code quality control.\n  - ### [ESL ESLint Config](./packages/eslint-config/README.md)\n    ESL ESLint Shared Config that provides actual ESL team code style and quality agreements.\n  - ### [ESL Stylelint Config](./packages/stylelint-config/README.md)\n    ESL Stylelint Shared Config that provides actual ESL team CSS style and quality agreements.\n\n---\n\u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\n## Development Information for Contributors\n\nIf you are part of ESL team or want to contribute to the project,\nyou can find useful information about the project processes and agreements here:\n\n- #### [🔗 Contribution Guide](https://github.com/exadel-inc/esl/blob/HEAD/CONTRIBUTING.md)\n\n- #### [🔗 Development Guide](https://github.com/exadel-inc/esl/blob/HEAD/docs/DEVELOPMENT.md)\n\n- #### [🔗 Contributor Licence Agreement](https://github.com/exadel-inc/esl/blob/HEAD/CLA.md)\n\n---\n\u003ca name=\"team\"\u003e\u003c/a\u003e\n\n**ESL Core Team**\n\nPeople who actively architect, maintain, and keep the idea of the ESL\n\n\u003ctable\u003e\u003ctbody\u003e\u003ctr\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/ala-n\"\u003e\n        \u003cimg src=\"https://github.com/ala-n.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Alexey Stsefanovich\n    \u003c/a\u003e\u003cbr/\u003e\n    Architect\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/abarmina\"\u003e\n        \u003cimg src=\"https://github.com/abarmina.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Anna Barmina\n    \u003c/a\u003e\u003cbr/\u003e\n    Maintainer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/NastaLeo\"\u003e\n        \u003cimg src=\"https://github.com/NastaLeo.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Anastasiya Lesun\n    \u003c/a\u003e\u003cbr/\u003e\n    Maintainer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/yadamskaya\"\u003e\n        \u003cimg src=\"https://github.com/yadamskaya.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Yuliya Adamskaya\n    \u003c/a\u003e\u003cbr/\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/dshovchko\"\u003e\n        \u003cimg src=\"https://github.com/dshovchko.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Dmytro Shovchko\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"16.6%\"\u003e\n    \u003ca href=\"https://github.com/fshovchko\"\u003e\n        \u003cimg src=\"https://github.com/fshovchko.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Feoktyst Shovchko\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\n**ESL Contributors**: \n\nPeople who contributed to the ESL project\n\n\u003ctable\u003e\u003ctbody\u003e\u003ctr\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/julia-murashko\"\u003e\n        \u003cimg src=\"https://github.com/julia-murashko.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Julia Murashko\n    \u003c/a\u003e\u003cbr/\u003e\n    Initial Core Team Member\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/Natalie-Smirnova\"\u003e\n        \u003cimg src=\"https://github.com/Natalie-Smirnova.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Natalie Smirnova\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/grechihinrhp\"\u003e\n        \u003cimg src=\"https://github.com/grechihinrhp.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Ruslan Grechihin\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/HenadzV\"\u003e\n        \u003cimg src=\"https://github.com/HenadzV.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Henadz Varany\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/AlexanderBazukevich\"\u003e\n        \u003cimg src=\"https://github.com/AlexanderBazukevich.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Alexander Bazukevich\n    \u003c/a\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\u003ctr\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/nattallius\"\u003e\n        \u003cimg src=\"https://github.com/nattallius.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Natallia Harshunova\n    \u003c/a\u003e\u003cbr/\u003e\n    Developer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/Anna-MariiaPetryk\"\u003e\n        \u003cimg src=\"https://github.com/Anna-MariiaPetryk.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Anna-Mariia Petryk\n    \u003c/a\u003e\u003cbr/\u003e\n    Developer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/YanaBr\"\u003e\n        \u003cimg src=\"https://github.com/YanaBr.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Yana Bernatskaya\n    \u003c/a\u003e\u003cbr/\u003e\n    Developer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/alexanderavseev\"\u003e\n        \u003cimg src=\"https://github.com/alexanderavseev.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Aliaksandr Auseyeu\n    \u003c/a\u003e\u003cbr/\u003e\n    Consultant\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/andreybelous\"\u003e\n        \u003cimg src=\"https://github.com/andreybelous.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Andrey Belous\n    \u003c/a\u003e\u003cbr/\u003e\n    Consultant\n\u003c/td\u003e\n\u003c/tr\u003e\u003ctr\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/dmantsevich\"\u003e\n        \u003cimg src=\"https://github.com/dmantsevich.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Dzianis Mantsevich\n    \u003c/a\u003e\u003cbr/\u003e\n    Consultant\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://github.com/liubou-masiuk\"\u003e\n        \u003cimg src=\"https://github.com/liubou-masiuk.png?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n        Liubou Masiuk\n    \u003c/a\u003e\u003cbr/\u003e\n    Consultant\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\n    \u003ca href=\"https://www.linkedin.com/in/iryna-pavlenko-270930107\"\u003e\n        \u003cimg src=\"https://static-exp1.licdn.com/sc/h/244xhbkr7g40x6bsu4gi6q4ry?s=75\" width=\"75\" height=\"75\" style=\"min-width: 75px\"\u003e\u003cbr/\u003e\n         Iryna Pavlenko\n    \u003c/a\u003e\u003cbr/\u003e\n    Designer\n\u003c/td\u003e\n\u003ctd align=\"center\" valign=\"top\" width=\"20%\"\u003e\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\n**Exadel, Inc.**\n\n[![](./docs/images/exadel-logo.png)](https://exadel.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexadel-inc%2Fesl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fexadel-inc%2Fesl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexadel-inc%2Fesl/lists"}