Wired Elements, a set of hand-drawn UI elements, part 3 (textarea, slider, tooltip, radio & toggle)

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. This blog post is the final part of the series “Wired Elements collection.” In this part, we are ...

Wired Elements, a set of hand-drawn UI elements, part 2 (listbox, icon-button, input & progress)

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. In part 2, we shall unveil another part of the collection, which contains wired-listbox, ...

Wired Elements, a set of hand-drawn UI elements, part 1 (button, checkbox, combo & card)

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. The Wired Elements collection, from the team wiredjs, has a big reputation amongst web component UI ...

Web components with your preferred framework

In my previous blog post, I shared some thoughts about why switching to web components has its benefits for Vaadin. One of the advantages is a win-win situation, not only can the Vaadin Flow Java users now use a larger set of components, but also our set of standard web components can be used with ...

How to use vaadin-grid with CSV file from different sources

Two weeks ago, we introduced papa-parse in the blog Papa-parse, the powerful web component for in-browser CSV parsing. As explained in the article, papa-parse is able to manipulate your CSV files in many ways. In this tutorial, we will show how you can use papa-parse to import the pokemon sheets ...

Cookie web components for displaying consent and managing cookie data

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Cookies are wonderful. They can serve many purposes: analytics, advertising, chat tool, as well as ...

Best emoji web components 2018

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. July 17th is the World Emoji Day so in order to help you prepare for the celebrations, we are ...

Papa-parse, the powerful web component for in-browser CSV parsing

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Despite being older than the first personal computer, the CSV standard still kicks butt in the ...

Choose these toggling icon web components for your next project

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Last week, we covered some cool icon sets, which offer you thousands of icons. Following the same ...