A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+ https://vaadin.com/docs/latest/components
  • JavaScript 80.2%
  • TypeScript 10.8%
  • CSS 4.7%
  • HTML 4.2%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
2026-11-06 18:29:21 +02:00
.claude chore: disable Claude Code attribution in commits and PRs (#13343) 2026-11-02 15:55:15 +02:00
.github chore: dismiss stale code review approval on push (#13354) 2026-11-04 12:25:50 +00:00
.husky chore: update lint-staged and husky to latest versions (#7649) 2024-08-13 16:12:30 +03:00
api-docs chore(release): 25.4.0-alpha5 2026-10-30 08:20:17 +00:00
custom-rules refactor: rename labels-aside-active attribute to has-labels-aside (#12805) 2026-09-22 15:30:58 +04:00
dev feat: add submitDisabled property to message-input (#13360) 2026-11-06 12:24:54 +02:00
guidelines docs: add convention to cover styling changes with visual tests (#13350) 2026-11-04 11:44:16 +02:00
manifest chore(release): 25.4.0-alpha5 2026-10-30 08:20:17 +00:00
packages refactor: use tooltip text as accessible name of pdf-viewer buttons (#13375) 2026-11-06 18:29:21 +02:00
patches chore: upgrade lerna version to 10.1.1, update patch (#13136) 2026-10-15 12:46:05 +03:00
react chore: upgrade Playwright version to 1.65.0 (#13362) 2026-11-06 11:16:53 +02:00
scripts chore: extract split-cem functions to manifest/lib with tests (#13167) 2026-10-19 11:35:59 +03:00
test fix: only apply display contents to dialog header and footer wrappers (#13365) 2026-11-06 11:58:27 +02:00
.editorconfig chore: allow windows developers to work with this repo without hassle (#5686) 2023-03-28 13:58:17 +02:00
.gitattributes chore: add PDF test files to dev pages assets (#13250) 2026-10-23 18:57:27 +03:00
.gitignore feat: add react-components package skeleton and generator (#13024) 2026-10-08 12:07:13 +03:00
.prettierignore refactor!: move vaadin-rich-text-editor to rich-text-editor (#2792) 2021-10-07 16:52:53 +03:00
.prettierrc test: add Lumo visual tests for field and group field mixins (#12736) 2026-09-14 14:24:18 +04:00
.stylelintrc feat!: apply labels aside to fields placed directly in form layout (#12601) 2026-09-18 12:47:44 +04:00
ACCESSIBILITY.md docs: add ACCESSIBILITY.md with Vaadin a11y statement to repo root (#12968) 2026-10-05 09:50:14 +03:00
CLAUDE.md chore: update CLAUDE.md to mention yarn test runs unit tests (#13184) 2026-10-20 10:04:35 +03:00
CONTRIBUTING.md chore: fix contributing guide links in packages README (#7651) 2024-08-14 09:55:36 +03:00
CONVENTIONS.md docs: add convention to cover styling changes with visual tests (#13350) 2026-11-04 11:44:16 +02:00
DEVELOPMENT.md chore: fix wc-icons-tool usage instructions, add link to the repo (#13188) 2026-10-20 12:51:07 +03:00
eslint.config.js chore: bump eslint-config-vaadin to 1.0.0-beta.8 (#13337) 2026-11-02 13:47:23 +02:00
lerna.json chore(release): 25.4.0-alpha5 2026-10-30 08:20:17 +00:00
package.json chore: upgrade Playwright version to 1.65.0 (#13362) 2026-11-06 11:16:53 +02:00
PULL_REQUEST_TEMPLATE.md chore: fix contributing guide links in packages README (#7651) 2024-08-14 09:55:36 +03:00
README.md feat: initialize pdf-viewer component package (#13246) 2026-10-23 16:14:30 +03:00
tsconfig.json chore: bump tsconfig.json and React packages target to es2023 (#13334) 2026-11-02 12:04:13 +02:00
vaadin-logo.svg chore: add usage instructions to README (#75) 2021-03-16 11:08:48 +02:00
wds-utils.js chore: allow multiple sub pages within dev pages (#10137) 2025-09-09 16:36:03 +03:00
web-dev-server.config.js chore: configure esbuildPlugin target to esnext (#12101) 2026-07-10 14:46:15 +03:00
web-test-runner-aura.config.js test: use Playwright for visual tests (#11294) 2026-03-11 16:11:42 +02:00
web-test-runner-base.config.js test: use Playwright for visual tests (#11294) 2026-03-11 16:11:42 +02:00
web-test-runner-firefox.config.js chore: use .js for eslint config, cleanup unused comments (#9346) 2025-05-31 17:34:12 +03:00
web-test-runner-it.config.js chore: use .js for eslint config, cleanup unused comments (#9346) 2025-05-31 17:34:12 +03:00
web-test-runner-lumo.config.js test: use Playwright for visual tests (#11294) 2026-03-11 16:11:42 +02:00
web-test-runner-snapshots.config.js test: add missing snapshot tests to dashboard (#9949) 2025-08-08 16:29:22 +03:00
web-test-runner-webkit.config.js chore: use .js for eslint config, cleanup unused comments (#9346) 2025-05-31 17:34:12 +03:00
web-test-runner.config.js fix: ensure last cell is fully scrolled into view when focused (#10468) 2025-11-11 13:57:09 +04:00
wtr-utils.js test: compare theme non-styled chart suites against base baselines (#13299) 2026-10-28 14:38:00 +02:00
yarn.lock chore: upgrade Playwright version to 1.65.0 (#13362) 2026-11-06 11:16:53 +02:00

Vaadin logo

Vaadin web components

Vaadin components is an evolving set of high-quality web components for business web applications.

Build Follow on Twitter

Documentation

Check out our documentation and live examples.

Components

This project contains components for Vaadin 20+. Please see individual repositories for older Vaadin versions.

Core Components

The components below are licensed under the Apache License 2.0.

Component npm version (latest) npm version (next) Issues
<vaadin-accordion> npm version npm version Issues
<vaadin-app-layout> npm version npm version Issues
<vaadin-avatar> npm version npm version Issues
<vaadin-avatar-group> npm version npm version Issues
<vaadin-badge> npm version npm version Issues
<vaadin-breadcrumbs> npm version npm version Issues
<vaadin-button> npm version npm version Issues
<vaadin-card> npm version npm version Issues
<vaadin-checkbox> npm version npm version Issues
<vaadin-checkbox-group> npm version npm version Issues
<vaadin-combo-box> npm version npm version Issues
<vaadin-confirm-dialog> npm version npm version Issues
<vaadin-context-menu> npm version npm version Issues
<vaadin-custom-field> npm version npm version Issues
<vaadin-date-picker> npm version npm version Issues
<vaadin-date-time-picker> npm version npm version Issues
<vaadin-details> npm version npm version Issues
<vaadin-dialog> npm version npm version Issues
<vaadin-email-field> npm version npm version Issues
<vaadin-form-layout> npm version npm version Issues
<vaadin-grid> npm version npm version Issues
<vaadin-horizontal-layout> npm version npm version Issues
<vaadin-icon> npm version npm version Issues
<vaadin-icons> npm version npm version Issues
<vaadin-integer-field> npm version npm version Issues
<vaadin-item> npm version npm version Issues
<vaadin-list-box> npm version npm version Issues
<vaadin-login> npm version npm version Issues
<vaadin-markdown> npm version npm version Issues
<vaadin-master-detail-layout> npm version npm version Issues
<vaadin-menu-bar> npm version npm version Issues
<vaadin-message-input> npm version npm version Issues
<vaadin-message-list> npm version npm version Issues
<vaadin-multi-select-combo-box> npm version npm version Issues
<vaadin-notification> npm version npm version Issues
<vaadin-number-field> npm version npm version Issues
<vaadin-password-field> npm version npm version Issues
<vaadin-popover> npm version npm version Issues
<vaadin-progress-bar> npm version npm version Issues
<vaadin-radio-group> npm version npm version Issues
<vaadin-scroller> npm version npm version Issues
<vaadin-select> npm version npm version Issues
<vaadin-side-nav> npm version npm version Issues
<vaadin-slider> npm version npm version Issues
<vaadin-split-layout> npm version npm version Issues
<vaadin-switch> npm version npm version Issues
<vaadin-tabs> npm version npm version Issues
<vaadin-tabsheet> npm version npm version Issues
<vaadin-text-area> npm version npm version Issues
<vaadin-text-field> npm version npm version Issues
<vaadin-time-picker> npm version npm version Issues
<vaadin-tooltip> npm version npm version Issues
<vaadin-upload> npm version npm version Issues
<vaadin-virtual-list> npm version npm version Issues

Pro Components

The components below are licensed under Vaadin Commercial License and Service Terms and available as part of the Vaadin Pro Subscription.

Component npm version (latest) npm version (next) Issues
<vaadin-board> npm version npm version Issues
<vaadin-charts> npm version npm version Issues
<vaadin-crud> npm version npm version Issues
<vaadin-dashboard> npm version npm version Issues
<vaadin-grid-pro> npm version npm version Issues
<vaadin-map> npm version npm version Issues
<vaadin-pdf-viewer> npm version npm version Issues
<vaadin-rich-text-editor> npm version npm version Issues

Browser support

Desktop:

  • Chrome (evergreen)
  • Firefox (evergreen)
  • Safari 17 or newer
  • Edge (Chromium, evergreen)

Mobile:

  • Chrome (evergreen) for Android (4.4 or newer)
  • Safari for iOS (17 or newer)

Examples

Are you looking for an example project to get started? Visit start.vaadin.com to create a Vaadin app.

Questions

For help and support questions, please use Vaadin Forum.

Contributing

Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.

Development

See the Development guide for how to set up and develop this project locally.

LICENSE

For specific package(s), check the LICENSE file under the package folder.