vaadin/web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

JavaScript

583

19,147 commits

updated Oct 19, 2026

vaadin.com/docs/latest/components

See the code

See what people are saying

Newest first

Most points

Source	Message	Score	Date
	It's not obvious you can click month/year. Unclear how to back out if you think you made a mistake. One of the better ones I've seen is https://vaadin.com/docs/latest/components/date-picker on jQuery UI	0	Nov 24, 2024
	Hey! It's exciting to see other's have similar ideas to boost productivity. About the framework, I just read in a comment below about Java's Vaadin framework and it looks very similar to what I made in PHP. It's code that generate UI. See https://vaadin.com/docs/latest/components/crud Please check… on Show HN: I built a Python web framework	0	Sep 10, 2023
	It's not purely drag and drop, but not complex either I personally go for lit[1] and sometimes typescript, and that's it. Typically use open-wc[2] to have a starting template under a minute. Then I use any of the front-end libraries that add bells and whistles. Vaadin coming on top [3] I'm a… on Ask HN: What's is your go to toolset for simple front end development?	0	Jul 7, 2022

README

Vaadin web components

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

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>`			Issues
`<vaadin-app-layout>`			Issues
`<vaadin-avatar>`			Issues
`<vaadin-avatar-group>`			Issues
`<vaadin-badge>`			Issues
`<vaadin-breadcrumbs>`			Issues
`<vaadin-button>`			Issues
`<vaadin-card>`			Issues
`<vaadin-checkbox>`			Issues
`<vaadin-checkbox-group>`			Issues
`<vaadin-combo-box>`			Issues
`<vaadin-confirm-dialog>`			Issues
`<vaadin-context-menu>`			Issues
`<vaadin-custom-field>`			Issues
`<vaadin-date-picker>`			Issues
`<vaadin-date-time-picker>`			Issues
`<vaadin-details>`			Issues
`<vaadin-dialog>`			Issues
`<vaadin-email-field>`			Issues
`<vaadin-form-layout>`			Issues
`<vaadin-grid>`			Issues
`<vaadin-horizontal-layout>`			Issues
`<vaadin-icon>`			Issues
`<vaadin-icons>`			Issues
`<vaadin-integer-field>`			Issues
`<vaadin-item>`			Issues
`<vaadin-list-box>`			Issues
`<vaadin-login>`			Issues
`<vaadin-markdown>`			Issues
`<vaadin-master-detail-layout>`			Issues
`<vaadin-menu-bar>`			Issues
`<vaadin-message-input>`			Issues
`<vaadin-message-list>`			Issues
`<vaadin-multi-select-combo-box>`			Issues
`<vaadin-notification>`			Issues
`<vaadin-number-field>`			Issues
`<vaadin-password-field>`			Issues
`<vaadin-popover>`			Issues
`<vaadin-progress-bar>`			Issues
`<vaadin-radio-group>`			Issues
`<vaadin-scroller>`			Issues
`<vaadin-select>`			Issues
`<vaadin-side-nav>`			Issues
`<vaadin-slider>`			Issues
`<vaadin-split-layout>`			Issues
`<vaadin-switch>`			Issues
`<vaadin-tabs>`			Issues
`<vaadin-tabsheet>`			Issues
`<vaadin-text-area>`			Issues
`<vaadin-text-field>`			Issues
`<vaadin-time-picker>`			Issues
`<vaadin-tooltip>`			Issues
`<vaadin-upload>`			Issues
`<vaadin-virtual-list>`			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>`			Issues
`<vaadin-charts>`			Issues
`<vaadin-crud>`			Issues
`<vaadin-dashboard>`			Issues
`<vaadin-grid-pro>`			Issues
`<vaadin-map>`			Issues
`<vaadin-rich-text-editor>`			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.

custom-elements

design-system

design-systems

ui-components

ui-kit

ui-library

vaadin

web-components

webcomponents

Project health

Overall

6.7/10

Maintained

10/10

Code review

10/10

OpenSSF Scorecard

Significant stargazers

Dmitriy Kovalenko

1,974 followers · starred Sep 2021

Patrick H. Lauke

1,192 followers · starred Mar 2023

Frédéric Collonval

179 followers · starred Feb 2022

Pascal Schilp

306 followers · starred Sep 2021

Similar repos

vaadin/platform

Vaadin platform 10+ is a Java web development platform based on Vaadin web components. If you…

683

same org

vuetifyjs/0

0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and…

741

UI5/webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user…

1,781

web-padawan/awesome-web-components

A curated list of awesome Web Components resources.

3,604

mateusortiz/webcomponents-the-right-way

A curated list of awesome Web Components resources.

3,604

web-padawan/awesome-lit

A curated list of awesome Lit resources.

1,736

anubhavsrivastava/awesome-ui-component-library

Curated list of framework component libraries for UI styles/toolkit

1,728

zendeskgarden/react-components

🌱 garden React components

1,111

vaadin/web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

JavaScript

583

19,147 commits

updated Oct 19, 2026

vaadin.com/docs/latest/components

See the code

See what people are saying

Newest first

Most points

Source	Message	Score	Date
	It's not obvious you can click month/year. Unclear how to back out if you think you made a mistake. One of the better ones I've seen is https://vaadin.com/docs/latest/components/date-picker on jQuery UI	0	Nov 24, 2024
	Hey! It's exciting to see other's have similar ideas to boost productivity. About the framework, I just read in a comment below about Java's Vaadin framework and it looks very similar to what I made in PHP. It's code that generate UI. See https://vaadin.com/docs/latest/components/crud Please check… on Show HN: I built a Python web framework	0	Sep 10, 2023
	It's not purely drag and drop, but not complex either I personally go for lit[1] and sometimes typescript, and that's it. Typically use open-wc[2] to have a starting template under a minute. Then I use any of the front-end libraries that add bells and whistles. Vaadin coming on top [3] I'm a… on Ask HN: What's is your go to toolset for simple front end development?	0	Jul 7, 2022

README

Vaadin web components

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

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>`			Issues
`<vaadin-app-layout>`			Issues
`<vaadin-avatar>`			Issues
`<vaadin-avatar-group>`			Issues
`<vaadin-badge>`			Issues
`<vaadin-breadcrumbs>`			Issues
`<vaadin-button>`			Issues
`<vaadin-card>`			Issues
`<vaadin-checkbox>`			Issues
`<vaadin-checkbox-group>`			Issues
`<vaadin-combo-box>`			Issues
`<vaadin-confirm-dialog>`			Issues
`<vaadin-context-menu>`			Issues
`<vaadin-custom-field>`			Issues
`<vaadin-date-picker>`			Issues
`<vaadin-date-time-picker>`			Issues
`<vaadin-details>`			Issues
`<vaadin-dialog>`			Issues
`<vaadin-email-field>`			Issues
`<vaadin-form-layout>`			Issues
`<vaadin-grid>`			Issues
`<vaadin-horizontal-layout>`			Issues
`<vaadin-icon>`			Issues
`<vaadin-icons>`			Issues
`<vaadin-integer-field>`			Issues
`<vaadin-item>`			Issues
`<vaadin-list-box>`			Issues
`<vaadin-login>`			Issues
`<vaadin-markdown>`			Issues
`<vaadin-master-detail-layout>`			Issues
`<vaadin-menu-bar>`			Issues
`<vaadin-message-input>`			Issues
`<vaadin-message-list>`			Issues
`<vaadin-multi-select-combo-box>`			Issues
`<vaadin-notification>`			Issues
`<vaadin-number-field>`			Issues
`<vaadin-password-field>`			Issues
`<vaadin-popover>`			Issues
`<vaadin-progress-bar>`			Issues
`<vaadin-radio-group>`			Issues
`<vaadin-scroller>`			Issues
`<vaadin-select>`			Issues
`<vaadin-side-nav>`			Issues
`<vaadin-slider>`			Issues
`<vaadin-split-layout>`			Issues
`<vaadin-switch>`			Issues
`<vaadin-tabs>`			Issues
`<vaadin-tabsheet>`			Issues
`<vaadin-text-area>`			Issues
`<vaadin-text-field>`			Issues
`<vaadin-time-picker>`			Issues
`<vaadin-tooltip>`			Issues
`<vaadin-upload>`			Issues
`<vaadin-virtual-list>`			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>`			Issues
`<vaadin-charts>`			Issues
`<vaadin-crud>`			Issues
`<vaadin-dashboard>`			Issues
`<vaadin-grid-pro>`			Issues
`<vaadin-map>`			Issues
`<vaadin-rich-text-editor>`			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.

custom-elements

design-system

design-systems

ui-components

ui-kit

ui-library

vaadin

web-components

webcomponents

Project health

Overall

6.7/10

Maintained

10/10

Code review

10/10

OpenSSF Scorecard

Significant stargazers

Dmitriy Kovalenko

1,974 followers · starred Sep 2021

Patrick H. Lauke

1,192 followers · starred Mar 2023

Frédéric Collonval

179 followers · starred Feb 2022

Pascal Schilp

306 followers · starred Sep 2021

Similar repos

vaadin/platform

Vaadin platform 10+ is a Java web development platform based on Vaadin web components. If you…

683

same org

vuetifyjs/0

0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and…

741

UI5/webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user…

1,781

web-padawan/awesome-web-components

A curated list of awesome Web Components resources.

3,604

mateusortiz/webcomponents-the-right-way

A curated list of awesome Web Components resources.

3,604

web-padawan/awesome-lit

A curated list of awesome Lit resources.

1,736

anubhavsrivastava/awesome-ui-component-library

Curated list of framework component libraries for UI styles/toolkit

1,728

zendeskgarden/react-components

🌱 garden React components

1,111