Simplified Theming in Vaadin 24

Vaadin 24 introduces a simplified approach to styling Vaadin components based on the ::part() selector. It removes the need for component-specific stylesheets, simplifies many common use cases, and is fully based on native CSS. New theming documentation, including CSS selector references for components, makes it easy to find the right selector for the component, part, or state you want to style. The best part? You can choose whether and when to migrate to it!

Subscribe to our newsletter

Be the first to learn about new Vaadin resources and tips

Vaadin 23 featured image

It’s time to move your applications to Vaadin 23

Vaadin 23, our latest stable release, ships with many cool features and improvements. If your applications are still on Vaadin 14 or earlier, now is the time to consider upgrading to Vaadin 23. Go to our upgrading guide for detailed instructions on how to upgrade your project to Vaadin 23. ...

Changes to component styling in V23

Vaadin 23 was released in the first week of March. As it is the latest version of Vaadin for which long-term support is provided, many applications currently on versions 10–22 will be upgraded to V23 in the near future. In addition to new Flow features, like improved Spring Boot integration and the ...
Blue background with three UI graphics.

Live stream recording: Web components, design systems and accessibility

Web Components are an excellent basis for building Design Systems, but providing good accessibility can seem like a daunting challenge. In this live stream, we were joined by engineers and product owners from Adobe, IBM, SAP, Vaadin, and ING for a panel discussion on the challenges they've faced, ...

Upcoming accessibility improvements

Recent EU directives on accessibility (and similar legislation, for example, in the US) impose new requirements on both public and private sector websites and applications. The accessibility of Vaadin components is being improved in Vaadin 22 and 23 to ensure painless compliance and usability. What ...
UI components displayed on a purple background.

Design Systems for Consistency and Efficiency

Many application development teams struggle with UI inconsistencies, both in terms of UI design and UI implementation. According to the Enterprise UX Industry Report for 2017–2018, consistency is the number one challenge reported by enterprise UI designers. Designer-developer collaboration is ...
What business problems do design systems solve and how do they bring business value?

The business case for adopting a design system

Design systems have exploded in the business software community in recent years. Back in 2018 the Enterprise UX Industry Report 2017/ 2018 indicated that 69% of enterprise user experience (UX) teams had adopted one. Today, this camp includes many household (and boardroom) names, including Shopify, ...

Introducing the UX wiki

As part of the Web Application Development with Vaadin university course held last winter by our very own Miki Olszewski, I had the pleasure of holding a 90 minute lecture on user interface and user experience design, with special focus on how to improve the usability of Vaadin applications. While ...