AgnosticUI is a set of standards compliant UI component primitives that start as clean HTML and CSS then get ported to React, Vue, Angular, and Svelte.
Austin, TX
Joined December 2021
- Tweets72
- Following86
- Followers30
- Likes122
Article on Frontend Masters:
Constructable Stylesheets + adoptedStyleSheets = one parse, every shadow root.
Share CSS across Shadow DOM Web Components using Lit. No duplication, cloning, or style tag hacks.
Deep dive ↓
frontendmasters.com/blog/con…
#WebComponents #CSS #Frontend
⎈ 𝗡𝗲𝘄 𝗔𝗿𝘁𝗶𝗰𝗹𝗲: Shadow DOM Focus Delegation: Getting delegatesFocus Right
Deep dive into 𝗱𝗲𝗹𝗲𝗴𝗮𝘁𝗲𝘀𝗙𝗼𝗰𝘂𝘀 for web components:
frontendmasters.com/blog/sha…
#𝗪𝗲𝗯𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 #𝗦𝗵𝗮𝗱𝗼𝘄𝗗𝗢𝗠 #𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱𝗗𝗲𝘃 #𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆
Every AgnosticUI component now has a live CodePen.
One click → editable React playground, importing straight from NPM.
55+ Pens.
Two bugs found and squashed along the way.
Built on the new CodePen 2.0.
#AgnosticUI #React #CodePen
I wrote an article on @FrontendMasters showing how we can use FACE and ElementInternals to make our Web Components work natively with HTML forms.
Notes from the AgnosticUI trenches:
frontendmasters.com/blog/for…
#WebComponents #Forms #WebStandards
⎈ New: ag playbook
ag playbook [slug] pulls pre-built, production-ready templates from GitHub into your project. Choose framework. Set path.
agnosticui.com/
#webdev #CSS #AI #UI
✅ Playbooks: now CI‑verified
npx ag playbook fetches fresh templates from GitHub every time. No stale lists baked into the npm package. Plus a new verify script + GitHub Action ensures manifests stay in sync automatically.
No more "file not found."
See agnosticui.com
Landing pages need personality. We built one with AgnosticUI's Lab animated components:
✦ ButtonFx — hero CTA with pulse idle + press wobble
✦ BadgeFx — "What's New" shimmer pill
✦ IconButtonFx — feature grid icons with bounce-on-hover
agnosticui.com/playbooks/lan…
New AgnosticUI playbook: Blog / Article Reader — React, Vue, and Lit.
✦ ScrollProgress bar so you know where you are
✦ ScrollToButton that fades in after 30% scroll
✦ Mark component for "Find in article" highlighting
✦ Loader for async fetch simulation
agnosticui.com/playbooks/blo…
𝗗𝗶𝘀𝗰𝗼𝘃𝗲𝗿𝘆 𝗗𝗮𝘀𝗵𝗯𝗼𝗮𝗿𝗱 for React, Vue, and Lit
One implementation. 100% framework consistency.
→ Token-driven UI
→ 15+ "One-Class" Skins
→ Light/Dark variants included
agnosticui.com/playbooks/das…
#DesignSystems #Frontend #WebDev#CSS
Shipped: AgnosticUI Onboarding Playbook
Multi-step wizard for:
→ React/Vue/Lit
→ Timeline progress indicator
→ LLM prompts included
→ New: SelectionButtonGroup + SelectionCardGroup
agnosticui.com/playbooks/onb…
New Components in AgnosticUI @getagnosticui
✨SelectionButtonGroup: Button-styled radio/checkbox
✨SelectionCardGroup: Rich card-based selection
agnosticui.com/components/se…
agnosticui.com/components/se…
#WebDev #Vue #Svelte #WebComponents
Wrote about the new Login playbook I created over last few days: dev.to/roblevintennis/prompt…
Idea is use AI-generated UI for React, Vue, Lit, Preact, Svelte, Solid, whatever ;-)
New in @AgnosticUI: A dedicated Login Playbook for React, Vue, & Lit.
AI-ready recipes, full-width button support, and better addon alignment for inputs.
🎨 Figma added with all variables & 5 login components
Check the link in the reply below! 👇
#WebDev #OpenSource #FrontEnd
You can find the full Login Playbook and documentation here:
agnosticui.com/playbooks/log…
Seeing the TailwindCSS audio post from Adam teapawt.net/adamwathan/status/2008… and, gee, as a much less successful up-and-comer OSS component library builder this is quite deflating. I mean, where's the incentive? What's the play?
I just rewrote AgnosticUI v2 Alpha from scratch with web components. This is a v2.0 alpha prerelease.
If you've got 10 minutes to kick the tires, I'd genuinely appreciate it. Feedback, GitHub stars, and help spreading the word greatly appreciated! agnosticui.com
I just updated the AgnosticUI docs w/a signup form playground in React, Vue, and Svelte using Vest validation vestjs.dev and @astrobuild astro.build/ 🚀 kudos to @evyataral and @FredKSchott & other brilliant folks that make this so easy to pull off 😮
agnosticui retweeted
Did you catch the latest episode with @roblevintennis all about @getagnosticui?
It's out now.
anchor.fm/thefncall/episodes…
Why not web components? Solid? Lit? Care to help? I can assure y’all that transposing already written components to another framework is a very educational FE exercise and fun too! 💪🏽🔥😀Ping me on the GitHubs 😉
Would ❤️ WC + Stencil or Lit but time is obstacle. If we gain contributors yes! TodoMVC was a big inspiration with its many frameworks but @addyosmani is so prolific and talented (code, writing, advocacy) and right now it’s just little ole’ me 😄Solid Preact Alpine too (w/help!)