Esl

screenshot of Esl
less

Lightweight and flexible UI component library based on web components technology for creating basic UX modules

Overview:

Exadel Smart Library (ESL) is an open-source lightweight and flexible UI component library based on web components. It allows users to build UX models with custom components from the library, increasing site performance. ESL is compatible with any framework, making it ideal for projects regardless of their tech stack. The library is high-quality and based on Web API and ECMAScript 6 features, ensuring compatibility with modern browsers.

Features:

  • Reusable Components: ESL provides a toolkit of reusable components that can be utilized to complement projects or build infrastructure from scratch.
  • Compatible with Other Libraries: ESL is compatible with other libraries and frameworks, allowing for easy integration into existing projects.
  • Wide Browser Support: ESL works well across all modern browsers such as Firefox, Chrome, Safari, Opera, and Edge. It can also work on IE11 when the necessary polyfills are provided.

Summary:

Exadel Smart Library (ESL) is a lightweight and flexible UI component library that allows for easy creation of web pages with custom components. It is compatible with other libraries and frameworks, and offers a wide range of reusable components. The library works well across modern browsers and provides detailed installation instructions for easy integration into projects.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

web-components
Web Components

Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.