Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/refinitiv/refinitiv-ui

Element Framework is a set of web components based on LSEG Workspace design system, Halo.
https://github.com/refinitiv/refinitiv-ui

accessibility design-system lit monorepo typescript ui webcomponents

Last synced: 4 days ago
JSON representation

Element Framework is a set of web components based on LSEG Workspace design system, Halo.

Awesome Lists containing this project

README

        

# Element Framework (EF)

[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=refinitiv_refinitiv-ui&metric=coverage&branch=v7)](https://sonarcloud.io/summary/new_code?id=refinitiv_refinitiv-ui&branch=v7)
[![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=refinitiv_refinitiv-ui&metric=vulnerabilities&branch=v7)](https://sonarcloud.io/summary/new_code?id=refinitiv_refinitiv-ui&branch=v7)

Element Framework is LSEG Workspace's design system components that provides components and tooling to help product teams work faster and more efficiently.

# Documentation

Getting started and usage guide are available from this [documentation](https://ui.refinitiv.com).

# Packages

| Package | Version | Change Log |
| ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [@refinitiv-ui/configurations](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/configurations) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/configurations)](https://www.npmjs.com/package/@refinitiv-ui/configurations) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/configurations/CHANGELOG.md) |
| [@refinitiv-ui/core](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/core) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/core)](https://www.npmjs.com/package/@refinitiv-ui/core) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/core/CHANGELOG.md) |
| [@refinitiv-ui/demo-block](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/demo-block) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/demo-block)](https://www.npmjs.com/package/@refinitiv-ui/demo-block) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/demo-block/CHANGELOG.md) |
| [@refinitiv-ui/elemental-theme](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/elemental-theme) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/elemental-theme)](https://www.npmjs.com/package/@refinitiv-ui/elemental-theme) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/elemental-theme/CHANGELOG.md) |
| [@refinitiv-ui/elements](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/elements) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/elements)](https://www.npmjs.com/package/@refinitiv-ui/elements) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/elements/CHANGELOG.md) |
| [@refinitiv-ui/halo-theme](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/halo-theme) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/halo-theme)](https://www.npmjs.com/package/@refinitiv-ui/halo-theme) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/halo-theme/CHANGELOG.md) |
| [@refinitiv-ui/i18n](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/i18n) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/i18n)](https://www.npmjs.com/package/@refinitiv-ui/i18n) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/i18n/CHANGELOG.md) |
| [@refinitiv-ui/phrasebook](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/phrasebook) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/phrasebook)](https://www.npmjs.com/package/@refinitiv-ui/phrasebook) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/phrasebook/CHANGELOG.md) |
| [@refinitiv-ui/solar-theme](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/solar-theme) ⚠️ | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/solar-theme)](https://www.npmjs.com/package/@refinitiv-ui/solar-theme) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/solar-theme/CHANGELOG.md) |
| [@refinitiv-ui/test-helpers](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/test-helpers) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/test-helpers)](https://www.npmjs.com/package/@refinitiv-ui/test-helpers) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/test-helpers/CHANGELOG.md) |
| [@refinitiv-ui/theme-compiler](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/theme-compiler) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/theme-compiler)](https://www.npmjs.com/package/@refinitiv-ui/theme-compiler) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/theme-compiler/CHANGELOG.md) |
| [@refinitiv-ui/translate](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/translate) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/translate)](https://www.npmjs.com/package/@refinitiv-ui/translate) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/translate/CHANGELOG.md) |
| [@refinitiv-ui/utils](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/utils) | [![npm version](https://badgen.net/npm/v/@refinitiv-ui/utils)](https://www.npmjs.com/package/@refinitiv-ui/utils) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/utils/CHANGELOG.md) |
| [create-efx](https://github.com/Refinitiv/refinitiv-ui/tree/v7/packages/create-efx) | [![npm version](https://badgen.net/npm/v/create-efx)](https://www.npmjs.com/package/create-efx) | [![change log](https://badgen.net/badge/icon/changelog/grey?icon=git&label)](https://github.com/Refinitiv/refinitiv-ui/blob/v7/packages/create-efx/CHANGELOG.md) |

**⚠️ Solar Theme is deprecated.**

# License Information

See [LICENSE](./LICENSE.md).

# Support

For questions or issues, please refer to documentation (see Documentation section above and [Q&A](https://community.developers.refinitiv.com/index.html) forum on Developer Community which supported by an active developer community.

# Contributing

See [CONTRIBUTING](./CONTRIBUTING.md).

# Sponsoring Services



BrowserStack logo

[BrowserStack](https://www.browserstack.com/) Thank you for a great service let us test on real browsers.