Web Awesome @webawesome.com · 5hMore about random content over at blog.fontawesome.com/web-awesome-... 000
Web Awesome @webawesome.com · 6h<wa-random-content> is stable as of 3.13! Slot tips, call randomize(), or turn on autoplay. Set mode="unique" so you don’t get the same tip twice in a row. Works on static pages, too! 141
Web Awesome @webawesome.com · 29/09/2026More info in the docs: webawesome.com/docs/compone...webawesome.comCombobox | Web AwesomeComboboxes combine a text input with a listbox, allowing users to filter and select from predefined options or enter custom values. 000
Web Awesome @webawesome.com · 29/09/2026<wa-combobox> can pull options from your server now! Set a dataSource callback, get debounced fetch + loading/error/empty slots, and improve performance by not shipping thousands of options in your DOM. 143
Web Awesome @webawesome.com · 28/09/2026Here comes the hot stepper! 🪜 WA 3.14 is out. The experimental <wa-stepper> breaks checkout and signup into stages. We also taught <wa-combobox> (Pro) to load from your server, rewrote our AI design skill, and fixed a stack of a11y bugs. webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 010
Reposted by Web AwesomeJacky Alciné @jacky.wtf · 25/09/2026Some progress with the app (ignore the sources of books). The interface is built out using @webawesome.com and data driven by tauri.app + tanstack.com for snappy data population. The OPDS implementation is strict and client-only. 263
Web Awesome @webawesome.com · 25/09/2026The word "Drupal" is derived from the English pronunciation of the Dutch word "druppel' which means "drop", and someone just _dropped_ Web Awesome into it with this helper. Nice work! 🫡 www.drupal.org/project/wawe...drupal.orgClient Challenge 020
Web Awesome @webawesome.com · 24/09/2026More info in the docs: webawesome.com/docs/ai/agen...webawesome.comAgent Skills | Web AwesomeTwo complementary Agent Skills that help AI tools work with Web Awesome — components and design. 000
Web Awesome @webawesome.com · 24/09/2026Don't let your agent make guesses about your component library. Agent skills help them get it right the first time. Web Awesome ships two: - webawesome for using components - webawesome-design for designing with WA 141
Web Awesome @webawesome.com · 23/09/2026Get it here: webawesome.com/docs/compone...webawesome.comOTP Input | Web AwesomeOTP inputs collect one-time passcodes, PINs, and other fixed-length codes, one character per segment. Use them for SMS verification, two-factor authentication, and invite codes. 000
Web Awesome @webawesome.com · 23/09/2026Six separate inputs for a verification code? Nah. <wa-otp-input> acts as one form control and supports paste and constraint validation. Web Awesome and done. 1182
Web Awesome @webawesome.com · 22/09/2026<wa-dropdown-item href="..."> works as of v3.12 Click it and it navigates like a link. A lot of folks asked for this one. Happy to deliver 🫡 010
Web Awesome @webawesome.com · 21/09/2026Use Web Awesome's Random Content component to add some random content (in the right places) to your UI. Here are 10 places to start! blog.fontawesome.com/web-awesome-...blog.fontawesome.comRandom Content, On PurposeNews and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 020
Web Awesome @webawesome.com · 21/09/2026🚀 Web Awesome 3.13.0 shipped last week! 🏷️ New <wa-tag-input> for keywords, emails, labels, etc. 🎓 Also graduation day: accordion, OTP, pagination, known date, time input, and friends are now STABLE. Changelog: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 020
Web Awesome @webawesome.com · 17/09/2026Most devs have had to build a star rating component from scratch at least once. Web Awesome ships it as one tag: <wa-rating> Half-stars, custom icons, accessible out of the box. Try it here: codepen.io/editor/team/... 150
Web Awesome @webawesome.com · 16/09/2026Tag, you're it! 🏷️ Web Awesome 3.13 is out. The new experimental <wa-tag-input> turns keywords, emails, and labels into tidy, removable tags. We also fixed up the data grid and promoted 11 components to stable. webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 273
Web Awesome @webawesome.com · 09/09/2026Web Awesome styles your words, not just your components. Wrap your blog post, docs, or changelog in one class & every heading, list, blockquote, & code block lands on your theme's scale. A 3xs–5xl type scale handles the rest, + CSS @scope stops leaks. blog.fontawesome.com/web-awesome-...blog.fontawesome.comYour Design System Should Style Your Words, TooNews and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 052
Reposted by Web AwesomeZach Leatherman @zachleat.com · 09/09/2026New post 📮 I was tired of building 474 separate pages for Open Graph Images www.zachleat.com/web/open-graph-eas…zachleat.comI was tired of building 474 separate pages for Open Graph Images—zachleat.comA post by Zach Leatherman (zachleat) 4203
Reposted by Web AwesomeBuild Awesome (11ty) @11ty.dev · 08/09/2026www.gildaconarne.de is #BuiltAwesome (using @webawesome.com and @fontawesome.com too!) by Stefan Fredegildaconarne.deGilda con ArneDer Politikpodcast 042
Reposted by Web AwesomeFont Awesome @fontawesome.com · 31/08/2026Building an icon catalog isn't just "pick some icons." It's: *Defining categories (actions, objects, navigation) *Setting a grid and sizing system *Naming and organizing consistently *Version-controlling the whole library Skip a step and future-you pays for it. 011
Web Awesome @webawesome.com · 28/08/2026Icons look like the small stuff in a design system. They're not. They communicate faster than words and become some of the most recognizable parts of your brand. (We might be a little biased.) Part IV, live now: blog.fontawesome.com/art-of-i... 121
Web Awesome @webawesome.com · 24/08/2026New around here: we're spotlighting a few things that Web Awesome does that you might've missed. First up, QR codes in one tag: <wa-qr-code value="..."></wa-qr-code> Try it live 👇 codepen.io/editor/team/... 150
Web Awesome @webawesome.com · 21/08/2026WA 3.12 is a small but mighty release: 🎨 New components, variables, and slots added to the Figma Kit. 🔗 <wa-dropdown-item> navigation 🧰 Fixes and improvements See it all: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 080
Reposted by Web AwesomeCory LaViska @cory.laviska.com · 19/08/2026Target Multiple Classes with the Class Prefix Selector: .btn-* { … } Yes please! (Coming soon) Great post by @bram.us: www.bram.us/2026/08/20/t...bram.usThe Future of CSS: Target Multiple Classes with the Class Prefix SelectorTo target multiple classes that share the same prefix, you'd typically have to resort to brittle attribute selectors or add extra base classes to your markup. To make things easier, CSS is getting a n... 1195
Reposted by Web AwesomeNoah Jacobus @jabron.us · 20/08/2026“The @fontawesome.com Icon Wizard™ Can Produce Mind-Boggling Effects”fontawesome.comCreation #128 | Font Awesome Icon Wizard GalleryCreation #128, conjured up with the Font Awesome Icon Wizard. Browse the gallery and make one of your own at fontawesome.com/icons/gallery. 063
Web Awesome @webawesome.com · 17/08/2026Web Awesome ships a native.css layer that styles your actual HTML—headings, tables, forms, not just custom elements. Styles live in their own layer, so your CSS wins. Delete your !important declarations. Still on Shoelace? blog.fontawesome.com/how-does...blog.fontawesome.comHow Does Web Awesome Stack Up Against Shoelace?News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 161
Web Awesome @webawesome.com · 17/08/2026Web Awesome might be your answer: styled, themeable components that drop into Svelte since they're web components. Simply run npm install and you're up and running. We've got a Svelte guide here: webawesome.com/docs/frameworks/svelte 🧡webawesome.comSvelte | Web AwesomeTips for using Web Awesome in your Svelte app. 020
Web Awesome @webawesome.com · 13/08/2026New on the blog: Part 3 of our design systems series is the hands-on one. Visual audits, color palettes, type scales, spacing rules — the actual bones of a system that scales. blog.fontawesome.com/how-to-b...blog.fontawesome.comHow to Build and Style Your Visual Design System [Part III]News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 031
Reposted by Web Awesomemeefik @meefik.dev · 02/08/2026I've tried #WebAwesome, a framework-agnostic #UI component library based on #WebComponents. It works perfectly with the #Neux library because it can be used directly, without the need for JSX or other framework-specific approaches. Try it together in the playground: v49.livecodes.io?x=id/qtqxqig... 042
Web Awesome @webawesome.com · 30/07/2026WA 3.11 puts everything in its place: 📊 <wa-data-grid>, sortable, filterable, and virtualized tables 🔢 <wa-pagination> + 🔡 <wa-otp-input> for codes/PINs 🍞 <wa-toast> moves from Pro to Core, notifications for everyone 🧰 Fixes and improvements See it all: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 074
Web Awesome @webawesome.com · 23/07/2026Part 2 of our design systems series is up: the actual components (color, type, icons, imagery, layout, UI elements) that give a design system its teeth. blog.fontawesome.com/design-s...blog.fontawesome.comThe Building Blocks of a Visual Design System [Part II]News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 050
Web Awesome @webawesome.com · 13/07/2026Hey there. If you're still getting these in your console, please raise an issue in our github if you haven't already: github.com/shoelace-sty... Thanksgithub.comIssues · shoelace-style/webawesomeBuild better with Web Awesome, the open source library of web components from Font Awesome. Upgrade to Pro and ship websites faster! - Issues · shoelace-style/webawesome 020
Web Awesome @webawesome.com · 30/06/2026WA 3.10 brings you: 🍫 <wa-random-content> to randomly display one (or more!) slotted elements 👾 Support for FA 7.3 in <wa-icon>, including new Pixel, Mosaic, and Vellum Pro+ packs 🧰 A healthy set of fixes and improvements See it all: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 040
Web Awesome @webawesome.com · 26/06/2026We noticed a sceptical vibe shift from the Web Awesome community. So, we took an honest look at why, and we didn't love what we found. Read the blog for the full story, and what we've already changed. blog.fontawesome.com/staying-...blog.fontawesome.comStaying True to Open Source: An Honest ReflectionNews and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it. 0172
Web Awesome @webawesome.com · 18/06/2026🤖 We've added a new webawesome-design skill to help AI agents build better UI with Web Awesome. 🤖 Get the new skill and all of the latest hotness like <wa-checkbox-group> in WA 3.9: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 030
Web Awesome @webawesome.com · 12/06/2026Try it on webawesome.com, then give it a try in your own project. SSR docs: webawesome.com/docs/ssr 020
Web Awesome @webawesome.com · 12/06/2026They said it couldn't be done. We did it anyway. SSR is available in Web Awesome 3.8. We're calling it experimental, but it won't stay that way for long. 1215
Web Awesome @webawesome.com · 05/06/2026⏰ It's about time! ⏰ We know you've been waiting for a date, so WA 3.8 is hitting the town with: 📅 <wa-date-picker> and <wa-date-input> 🎂 <wa-known-date> ⌚️ <wa-time-input> 🪗 <wa-accordion> ⚙️ SSR support For all of the updates you won't want to miss: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 193
Web Awesome @webawesome.com · 19/05/2026Try it here: webawesome.com/docs/compone...webawesome.comBrowse Components | Web AwesomeBrowse the library of customizable, framework-friendly web components included in Web Awesome. 120
Web Awesome @webawesome.com · 19/05/2026We made it easier for you to find exactly the component you need on our new components page. 173
Web Awesome @webawesome.com · 18/05/2026an app store would store as many stores as an app store could store if an app store could store stores 😮💨 020
Web Awesome @webawesome.com · 18/05/2026UX challenge: can this section of the Print dialog be improved? What would you do differently? 000
Web Awesome @webawesome.com · 12/05/2026🎶 <wa-video> killed the radio star 🎶 WA 3.7 makes its debut with: 📽️ New <wa-video> and <wa-video-playlist> 📋 Support for custom triggers in <wa-copy-button> 👇 Improved design tokens for button interactions 🎬 New wa-text-wrap-* utilities See it all: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 072
Web Awesome @webawesome.com · 30/04/2026🎓 It's graduation day for many of our components! Charts, combobox, toast, and more have been upgraded from experimental to stable and are ready to take the stage. 🎊 Plus, new xs and xl options for size="" and a ton of fixes and improvements. Check out WA 3.6: webawesome.com/docs/resourc...webawesome.comChangelog | Web AwesomeChanges to each version of the project are documented here. 0164