Build better with Web Awesome, the open source library of web components. Upgrade to Pro and ship websites, projects, and apps faster!
Joined March 2024
- Tweets152
- Following3
- Followers514
- Likes26
Love to hear that. The skills make a big difference, and they keep getting better!
FWIW, I built a prototype using @webawesomer + Go for three months. It was a nice experience, and the agents had almost no issues (newer models would probably have even fewer)
Personally, I think there's a third/alternative way
10 design systems benchmarked with tests that fail when a component is too slow. Web Awesome opened a country selector in 137ms, only 76ms behind than the top performer. Not bad, but we can do even better!
Thanks for the open tests, @denodell
denodell.com/blog/design-sys…
The scariest thing in your codebase this Halloween is a feature your coding agent made up.
🙅♀️ <wa-fancy-card glow>
Our agent skills are checked against the library on every build, so you can create faster and more consistently with AI.
Your notification bell has been sitting there doing nothing. Make it buzz.
<wa-icon name="bell" animation="buzz">
Other animations include wag, jello, float, and swing, and all of them respect prefers-reduced-motion.
Your plain <button> showed up to the party in browser defaults again.
Web Awesome's native.css styles the HTML you already wrote: buttons, inputs, selects, tables, dialogs, details. It all matches your theme.
Nobody has to know. 🤫
Fact: you can use Native Styles with any Web Awesome theme and the components are optional.
Learn more at webawesome.com/docs/utilitie…
Web Awesome works in React, Vue, Svelte, Astro, Rails, and that .html file from 2009 you're scared to open.
They're web components. They don't care about your framework drama.
Well done! 👏
Another site in the Awesome-verse! ✨ lgs1920.fr/registration/ is #BuiltAwesome with Font Awesome, Web Awesome, and Build Awesome by Christian Denat @LGS1920Studio.
The experimental badge isn't marketing fog, it means we need testers and feedback and things _could_ change between now and the final version. (Rarely happens unless we find a critical issue)
Stable = battle-tested, ready to build.
We label both so you don't have to guess.
ALT Screenshot of the stable/experimental table in the changelog
A Web Awesome user created this Chrome extension that lets you inspect custom elements built with Lit 🔥
chromewebstore.google.com/de…
You can open and close <wa-dialog> from anywhere on the page without writing JavaScript. (The same concept works for <wa-drawer>)
ALT A screenshot of 10 lines of HTML code on the Atom One theme in dark scheme. <wa-button data-dialog="open checkout"> Checkout </wa-button> <wa-dialog id="checkout" label="Checkout"> … <wa-button slot="footer" data-dialog="close"> Done </wa-button> </wa-dialog>
Web Awesome Blazor Bindings: a community-maintained wrapper for C# devs.
Great work! 👏
github.com/boldbrick/WebAwes…
