Loading…
A library of framework-agnostic web components from the makers of Font Awesome. Because they are custom elements rather than Vue or React components, they work anywhere, which is what separates them from Vuetify and PrimeVue. It is built on Lit.
I use Web Awesome, formerly Shoelace, to build reusable, standards-based web component interfaces across frameworks. I came to it after running into the limits of component kits like Bootstrap, Vuetify, and Bulma, and it is built on Lit.
From the blog
Articles from JWS News and DEV that relate to Web Awesome.
I am genuinely surprised we haven’t covered this topic before, given that it is one of the most powerful ways to instantly level up a web application. Today, we are tackling internationalization, showing you how to easily offer your website in multiple languages. The web is inhe…
Previously, we learned how to build dropdowns, radio button groups, buttons, and combo boxes. I figure the next step is to put it all together and build a full web form. In today’s demo, we are going to build a “feedback” form where someone provides their name, conta…
Previously, we used wa-dropdown to build a state, city, and zip dropdown set, and two years ago, we looked at implementing autocomplete with Vue. Today, we are going to look at how to use Web Awesome’s Combobox component to combine the two. This demo uses the same dataset that I…
Recently, CodePen introduced CodePen 2.0, and since then, I have been trying to figure out how to modify my workflow for this blog to use it. I have been using CodePen to host my code demos for over six years now, and it feels weird to change, but it seems like a positive develo…
Back in February, we looked at how to use Vue.js and Web Awesome to create dropdowns. I wanted to take a moment to look at other ways we can use Vue and Web Awesome to do cool things with Dropdowns. In today’s post, we will use the data files at data.jws.app to populate dropdown…
Previously, we went over how to use wa-card, wa-grid, wa-dropdown, and wa-relative-time. The next post in the Web Awesome/Vue series will be about the wa-radio-group component. This could be useful for wiring up a web form or for writing the interface for a results listing (like…
From GoToSocial
Short posts about Web Awesome, matched by topic hashtags.
