npmpackage.info

Gathering detailed insights and metrics for @ui5/webcomponents

Other packages similar to @ui5/webcomponents

@ui5/webcomponents-base

2.6.3

UI5 Web Components: webcomponents.base

@ui5/webcomponents-icons

2.6.3

UI5 Web Components: webcomponents.SAP-icons

@ui5/webcomponents-localization

2.6.3

Localization for UI5 Web Components

@ui5/webcomponents-theming

2.6.3

UI5 Web Components: webcomponents.theming

@ui5/webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

2.6.3

1,598

Apache-2.0

TypeScript

19.61 MB

5,406,411 5.4

Installations

npm install @ui5/webcomponents

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

20.18.1

NPM Version

lerna/7.4.2/node@v20.18.1+x64 (linux)

Pull Requests

Open

32

Total

6,473

Closed

675

Merged

5,766

Issues

Open

299

Total

4,134

Closed

3,835

Releases

288

v2.7.0-rc.2

Published on 30 Jan 2025

v2.6.3

Published on 29 Jan 2025

v2.7.0-rc.1

Published on 23 Jan 2025

v1.24.15

Published on 17 Jan 2025

v2.7.0-rc.0

Published on 16 Jan 2025

v2.6.2

Published on 09 Jan 2025

View all 288 releases

Contributors

682

View all 682 contributors

Languages

TypeScript

HTML

JavaScript

CSS

MDX

Handlebars

Shell

TypeScript (33.1%)

HTML (28.58%)

JavaScript (24.22%)

CSS (12.66%)

MDX (1.28%)

Handlebars (0.16%)

Shell (0.01%)

Developer

SAP

Download Statistics

Total Downloads

5,406,411

Last Day

8,305

Last Week

34,931

Last Month

154,482

Last Year

1,916,313

GitHub Statistics

1,598 Stars

5,826 Commits

273 Forks

57 Watching

191 Branches

682 Contributors

Maintainers

Package Meta Information

Latest Version

2.6.3

Package Id

@ui5/webcomponents@2.6.3

Unpacked Size

19.61 MB

Size

3.08 MB

File Count

2,547

NPM Version

lerna/7.4.2/node@v20.18.1+x64 (linux)

Node Version

20.18.1

Publised On

29 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

5,406,411

Last day

6.9%

8,305

Compared to previous day

Last week

-13.2%

34,931

Compared to previous week

Last month

-1.8%

154,482

Compared to previous month

Last year

17.1%

1,916,313

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@ui5/webcomponents-base @ui5/webcomponents-icons @ui5/webcomponents-icons-business-suite @ui5/webcomponents-icons-tnt @ui5/webcomponents-localization @ui5/webcomponents-theming

Dev Dependencies

@ui5/webcomponents-tools chromedriver lit

Versions

UI5 Web Components - Main

Provides general purpose UI building blocks such as buttons, labels, inputs and popups.

Provided components

Web Component	Tag name	Module import
Avatar	`ui5-avatar`	`import "@ui5/webcomponents/dist/Avatar.js";`
Avatar Group	`ui5-avatar-group`	`import "@ui5/webcomponents/dist/AvatarGroup.js";`
Bar	`ui5-bar`	`import "@ui5/webcomponents/dist/Bar.js";`
Breadcrumbs	`ui5-breadcrumbs`	`import "@ui5/webcomponents/dist/Breadcrumbs.js";`
Breadcrumbs Item	`ui5-breadcrumbs-item`	comes with `ui5-breadcrumbs`
Tag	`ui5-tag`	`import "@ui5/webcomponents/dist/Tag.js";`
Busy Indicator	`ui5-busy-indicator`	`import "@ui5/webcomponents/dist/BusyIndicator.js";`
Button	`ui5-button`	`import "@ui5/webcomponents/dist/Button.js";`
Calendar	`ui5-calendar`	`import "@ui5/webcomponents/dist/Calendar.js";`
Calendar Date	`ui5-date`	comes with `ui5-calendar`
Calendar Date Range	`ui5-date-range`	comes with `ui5-calendar`
Calendar Special Date	`ui5-date-special`	comes with `ui5-calendar`
Calendar Legend	`ui5-calendar-legend`	`import "@ui5/webcomponents/dist/CalendarLegend.js";`
Calendar Legend Item	`ui5-calendar-legend-item`	comes with `ui5-calendar-legend`
Card	`ui5-card`	`import "@ui5/webcomponents/dist/Card.js";`
CardHeader	`ui5-card-header`	`import "@ui5/webcomponents/dist/CardHeader.js";`
Carousel	`ui5-carousel`	`import "@ui5/webcomponents/dist/Carousel.js";`
Checkbox	`ui5-checkbox`	`import "@ui5/webcomponents/dist/CheckBox.js";`
Color Palette	`ui5-color-palette`	`import "@ui5/webcomponents/dist/ColorPalette.js";`
Color Palette Item	`ui5-color-palette-item`	comes with `ui5-color-palette`
Color Palette Popover	`ui5-color-palette-popover`	comes with `ui5-color-palette-popover`
Color Picker	`ui5-color-picker`	`import "@ui5/webcomponents/dist/ComboPicker.js";`
ComboBox	`ui5-combobox`	`import "@ui5/webcomponents/dist/ComboBox.js";`
ComboBox Item	`ui5-cb-item`	comes with `ui5-combobox`
ComboBox Group Item	`ui5-cb-group-item`	comes with `ui5-combobox`
Date Picker	`ui5-date-picker`	`import "@ui5/webcomponents/dist/DatePicker.js";`
Date Range Picker	`ui5-daterange-picker`	`import "@ui5/webcomponents/dist/DateRangePicker.js";`
Date Time Picker	`ui5-datetime-picker`	`import "@ui5/webcomponents/dist/DateTimePicker.js";`
Dialog	`ui5-dialog`	`import "@ui5/webcomponents/dist/Dialog.js";`
File Uploader	`ui5-file-uploader`	`import "@ui5/webcomponents/dist/FileUploader.js";`
Icon	`ui5-icon`	`import "@ui5/webcomponents/dist/Icon.js";`
Input	`ui5-input`	`import "@ui5/webcomponents/dist/Input.js";`
Label	`ui5-label`	`import "@ui5/webcomponents/dist/Label.js";`
Link	`ui5-link`	`import "@ui5/webcomponents/dist/Link.js";`
List	`ui5-list`	`import "@ui5/webcomponents/dist/List.js";`
List - Standard Item	`ui5-li`	`import "@ui5/webcomponents/dist/ListItemStandard.js";`
List - Custom Item	`ui5-li-custom`	`import "@ui5/webcomponents/dist/ListItemCustom.js";`
List - Group Item	`ui5-li-group`	`import "@ui5/webcomponents/dist/ListItemGroup.js";`
Menu	`ui5-menu`	`import "@ui5/webcomponents/dist/Menu.js";`
Menu Item	`ui5-menu-item`	comes with `ui5-menu`
Menu Separator	`ui5-menu-separator`	comes with `ui5-menu`
Message Strip	`ui5-message-strip`	`import "@ui5/webcomponents/dist/MessageStrip.js";`
Multi ComboBox	`ui5-multi-combobox`	`import "@ui5/webcomponents/dist/MultiComboBox.js";`
Multi ComboBox Item	`ui5-mcb-item`	comes with `ui5-multi-combobox`
Multi ComboBox Item Group	`ui5-mcb-item-group`	comes with `ui5-multi-combobox`
Multi Input	`ui5-multi-input`	`import "@ui5/webcomponents/dist/MultiInput.js";`
Panel	`ui5-panel`	`import "@ui5/webcomponents/dist/Panel.js";`
Popover	`ui5-popover`	`import "@ui5/webcomponents/dist/Popover.js";`
ProgressIndicator	`ui5-progress-indicator`	`import "@ui5/webcomponents/dist/ProgressIndicator.js";`
Radio Button	`ui5-radio-button`	`import "@ui5/webcomponents/dist/RadioButton.js";`
Range Slider	`ui5-range-slider`	`import "@ui5/webcomponents/dist/RangeSlider.js";`
Rating Indicator	`ui5-rating-indicator`	`import "@ui5/webcomponents/dist/RatingIndicator.js";`
Responsive Popover	`ui5-responsive-popover`	`import "@ui5/webcomponents/dist/ResponsivePopover.js";`
Segmented Button	`ui5-segmented-button`	`import "@ui5/webcomponents/dist/SegmentedButton.js";`
Segmented Button Item	`ui5-segmented-button-item`	comes with `ui5-segmented-button`
Select	`ui5-select`	`import "@ui5/webcomponents/dist/Select.js";`
Select Option	`ui5-option`	comes with `ui5-select`
Slider	`ui5-slider`	`import "@ui5/webcomponents/dist/Slider.js";`
Split Button	`ui5-split-button`	`import "@ui5/webcomponents/dist/SplitButton.js";`
Step Input	`ui5-step-input`	`import "@ui5/webcomponents/dist/StepInput.js";`
Suggestion Item	`ui5-suggestion-item`	comes with `InputSuggestions.js` feature - see below
Switch	`ui5-switch`	`import "@ui5/webcomponents/dist/Switch.js";`
Tab Container	`ui5-tabcontainer`	`import "@ui5/webcomponents/dist/TabContainer.js";`
Tab	`ui5-tab`	`import "@ui5/webcomponents/dist/Tab.js";`
Tab Separator	`ui5-tab-separator`	`import "@ui5/webcomponents/dist/TabSeparator.js";`
Textarea	`ui5-textarea`	`import "@ui5/webcomponents/dist/TextArea.js";`
TimePicker	`ui5-time-picker`	`import "@ui5/webcomponents/dist/TimePicker.js";`
Title	`ui5-title`	`import "@ui5/webcomponents/dist/Title.js";`
Toast	`ui5-toast`	`import "@ui5/webcomponents/dist/Toast.js";`
Toggle Button	`ui5-toggle-button`	`import "@ui5/webcomponents/dist/ToggleButton.js";`
Token	`ui5-token`	comes with `ui5-multi-input`
Tree	`ui5-tree`	`import "@ui5/webcomponents/dist/Tree.js";`
Tree Item	`ui5-tree-item`	comes with `ui5-tree`
Tree Item Custom	`ui5-tree-item-custom`	comes with `ui5-tree`

Provided assets

import "@ui5/webcomponents/dist/Assets.js";

Assets	Module	Notes
`i18n`, `themes`	`@ui5/webcomponents/dist/Assets.js`	Theming parameters and translations for the components Automatically imports also: `@ui5/webcomponents-localization/dist/Assets.js` and `@ui5/webcomponents-theming/dist/Assets.js`

Provided features

1import "@ui5/webcomponents/dist/features/<FEATURE-NAME>.js

Affects	Feature Import	Description
`ui5-color-palette`	`@ui5/webcomponents/dist/features/ColorPaletteMoreColors.js`	Support for "more colors dialog" for the color palette component
`ui5-input`	`@ui5/webcomponents/dist/features/InputSuggestions.js`	Support for input suggestions while typing

Color Palette "More Colors" Feature

1import "@ui5/webcomponents/dist/features/ColorPaletteMoreColors.js";

The ui5-color-palette component has a showMoreColors property, that, when set to true, enables a "More colors" dialog. Since this is not always needed, in order to use this dialog, you must import the above feature.

Input Suggestions Feature

1import "@ui5/webcomponents/dist/features/InputSuggestions.js";

The <ui5-input> element acts as an <input> with the Fiori design and added functionality, such as value state.

The so-called "input suggestions" is an advanced feature that allows the user to choose from a list of predefined options while typing. Since input suggestions may not always be needed, they do not come as part of the <ui5-input> itself.

To enable the functionality, import the above module into your app. This will also automatically import ui5-suggestion-item for your convenience.

Resources

Support

We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents channel of the OpenUI5 Community Slack.

Contribute

Please check our Contribution Guidelines.

License

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Security-Policy

Determines if the project has published a security policy.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test-website.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test-website.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test-website.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test-website.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-close.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-close.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/lint.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/lint.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-downport.yaml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-downport.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-downport.yaml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-downport.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-experimental.yaml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-experimental.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-experimental.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-experimental.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:62: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/reset-gh-pages.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/reset-gh-pages.yaml/main?enable=pin
Info: 0 out of 33 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 5 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.4

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More