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: 17 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/refinitiv/refinitiv-ui
Owner: Refinitiv
License: other
Created: 2021-08-30T07:09:35.000Z (over 3 years ago)
Default Branch: v7
Last Pushed: 2025-04-10T07:36:35.000Z (20 days ago)
Last Synced: 2025-04-12T23:42:13.721Z (17 days ago)
Topics: accessibility, design-system, lit, monorepo, typescript, ui, webcomponents
Language: JavaScript
Homepage: https://ui.refinitiv.com
Size: 83.1 MB
Stars: 61
Watchers: 2
Forks: 21
Open Issues: 8
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md

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 standardised 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](https://www.browserstack.com/) Thank you for a great service let us test on real browsers.

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

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

Awesome Lists containing this project

README