iiinova — where your digital self keeps evolving

<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!

A screenshot of 5 lines of HTML code on the Atom One theme in dark scheme.

<wa-random-content mode="unique" autoplay>
<div>🙈</div>
<div>🙉</div>
<div>🙊</div>
</wa-random-content>

141

Web Awesome @webawesome.com · 23/09/2026

Six 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.

Screenshot of the OTP input from Web Awesome.

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 🫡

<wa-dropdown> <wa-button slot="trigger" with-caret>Resources</wa-button>

<wa-dropdown-item href="/docs/"> Documentation </wa-dropdown-item>

<wa-dropdown-item href="https://github.com/shoelace-style/webawesome" target="_blank" > GitHub </wa-dropdown-item> </wa-dropdown>

010

Web Awesome @webawesome.com · 17/09/2026

Most 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 · 28/08/2026

Icons 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...

Illustration of ornate purple picture frames on a pink background, each showing a different Font Awesome icon. Most as simple purple line icons, with a larger center frame featuring colorful heart, music note, camera, and lightning bolt icons.

121

Web Awesome @webawesome.com · 24/08/2026

New 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/...

Web Awesome component spotlight: a QR code generated from a single tag, shown with the <wa-qr-code> code snippet. "One tag, a working QR code."

150

Web Awesome @webawesome.com · 12/06/2026

They 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.

Screenshot of the new Try SSR switch from the website

1215

Web Awesome @webawesome.com · 19/05/2026

We made it easier for you to find exactly the component you need on our new components page.

screenshot of the components page linked in the next tweet.

173

Web Awesome @webawesome.com · 18/05/2026

UX challenge: can this section of the Print dialog be improved? What would you do differently?

screenshot of the pages section of the print dialog.

000

Web Awesome @webawesome.com · 18/05/2026

We've made it as easy as copy + paste.

screenshot of the Web Awesome homepage showing the section to copy and paste to install.

093

Web Awesome @webawesome.com · 19/11/2025

Final hours: 20% off for the lifetime of your Web Awesome Pro subscription. But it ends tonight, so last chance to lock it in! 👉 webawesome.com/?utm_source=bl...

030

Web Awesome @webawesome.com · 27/10/2025

No tricks here. 🎃 Just wicked-good treats! 🍬 Fast, flexible, open-source web magic. Web Awesome — launching tomorrow! #WebAwesome #OpenWeb

2233

Web Awesome @webawesome.com · 22/10/2025

The Web Awesome Pro CDN makes creating, hosting, and updating your projects easier than ever! Here's a sneak peek at what's coming next week…

Sneak peek screenshot of the Web Awesome Dashboard featuring a project page.

Fast and Easy CDN Installation - with installation instructions below.

030

Web Awesome @webawesome.com · 21/10/2025

🍂 The leaves are turning, the code is tightening, and something awesome is bubbling in the lab. Web Awesome is almost alive. ⚡ #WebAwesome #OpenWeb #WebComponents

1234

Web Awesome @webawesome.com · 20/10/2025

Behold the eerie brilliance of <wa-skeleton>! 💀 This open source component stands in for content while the page loads. Dare to weave it into your site? Show us your Web Awesome magic!

080

Web Awesome @webawesome.com · 16/10/2025

No tricks…all treats! The initial version of Web Awesome Pro's Figma file is coming later this month! 🎃

Screenshot of a login form in Figma using Web Awesome components. The focus is on the Log In button, and the sidebar is open showing variant, appearance, size, and other options.

080

Web Awesome @webawesome.com · 14/10/2025

Every Web Awesome theme comes with dark mode built-in 🌛

0101

Web Awesome @webawesome.com · 07/10/2025

Generating QR codes has never been easier! <wa-qr-code value="webawesome.com" label="QR code linking to webawesome.com" > </wa-qr-code>

Screenshot of a QR code example from the Web Awesome docs

040

Web Awesome @webawesome.com · 06/10/2025

Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes with <wa-animation>

020

Web Awesome @webawesome.com · 03/10/2025

Use <wa-intersection-observer> to easily add classes to elements when they appear in the viewport. No JavaScript required!

160

Web Awesome @webawesome.com · 02/10/2025

Web Awesome bakes accessibility in! Form controls automatically wire up their labels and hints under the hood, allowing you to write cleaner HTML with less chance for error. 💪

Screenshot of the Nickname example from the <wa-input> docs.

010

Web Awesome @webawesome.com · 01/10/2025

Web Awesome makes drawers easy. And with declarative invokers, you can open and close them without writing any JavaScript.

Screenshot of a Web Awesome drawer from the docs.

1131

Web Awesome @webawesome.com · 30/09/2025

Format relative times like a champ with our declarative wrapper around the platform's Intl.RelativeTimeFormat API. webawesome.com/docs/compone...

Screenshot of the first relative time example from the docs.

052

Web Awesome @webawesome.com · 29/09/2025

🌟 Add user feedback to your app with ease! The <wa-rating> component lets you customize ratings with labels, precision, sizing, custom icons, and more. Check out the docs and make your UI shine! 📊✨

141

Web Awesome @webawesome.com · 26/09/2025

Friendly reminder that Web Awesome is — and always will be — free and open source 👑

Screenshot of the "Make something AWESOME with open-source web components" banner from the Web Awesome website.

0141

Web Awesome @webawesome.com · 21/07/2025

We snuck a surprise into this release for pro users. Head over to the Installation page to grab it. (Make sure you're logged in!)

Screenshot of a download Web Awesome PRO ZIP button.

030