15:I[981,["658","static/chunks/658-a698693f56d0116a.js","183","static/chunks/183-6beeeb801c274aaa.js","474","static/chunks/app/%5Btype%5D/layout-631c4730b83c8223.js"],"Posts"] 16:T719,Hi HN,

I’ve been working across multiple frontend stacks over the past few years (React, Vue, Angular, etc.), and one recurring frustration kept coming up:

Core UI components like selects and toast notifications get rewritten every time the framework changes.

Even when the behavior and UX are essentially the same, the implementation is tightly coupled to the framework, which makes long-lived UI logic surprisingly fragile.

So I decided to experiment with a different approach: building UI primitives as native Web Components, then optionally wrapping them for frameworks instead of re-implementing them.

As a result, I built two components:

SeoSelect — a production-oriented Select component

Virtual scrolling for large datasets

Multilingual fuzzy search (including Korean, Japanese, and Chinese input patterns)

Keyboard and screen reader accessibility by default

Zero runtime dependencies

SeoToast — a lightweight, framework-agnostic Toast notification component

Multiple positions and animations

Duplicate message grouping

SSR-safe behavior

~10KB gzipped

Both components are implemented as pure Web Components first, with framework wrappers added only where it improves developer experience.

I’m not trying to replace frameworks — this was more about testing whether UI primitives can live outside framework lifecycles while still being practical for real-world applications.

I’d really appreciate feedback from people who have:

Used Web Components in production

Built design systems shared across frameworks

Run into limitations or sharp edges with this approach

Links:

https://www.npmjs.com/package/seo-select

https://www.npmjs.com/package/seo-toast

Happy to answer questions or discuss trade-offs.

Thanks!

Role reversal: Meta adopts Qwen as Chinese AI becomes industry foundation

PSRT v2.1 – A Bounded Architecture for Intelligence and Meaning

Redfern Station Christmas artwork to be removed after complaints of 'AI slop'

The Architects of AI Are TIME's 2025 Person of the Year

The Copilot Usage Report 2025

The Big City; Save the Flophouses

Framework-agnostic Select and Toast components built with Web Components

Show HN: A model that estimates when AI can do your job

Your Mac has a fast, offline LLM

Show HN: Silly website to earn badges for touching grass

Dungeon-mode: a dungeon crawler game for Emacs

Denmark plans to restrict social media use for young people

ASL interpreters 'intrude' on Trump's right to control image, U.S. DOJ says

A healthier sugar substitute: Engineered bacteria yield a sweet solution

The End of Concept Nativism

Linuxiac.com restricts access based on countries and regions

I'm tired of copying auth tokens as vibe coder

Mom and daughter find stranger in trunk of Waymo

Show HN: Turn every website into a scratch-off lottery ticket

Rural students: more likely to get diplomas but are less likely to go to college

He's the Godfather of Modern Robotics. He Says the Field Has Lost Its Way

Shakespeare Programming Language

Show HN: A Lightweight Hono and Preact Template for Cloudflare Workers

Chinese billionaires having dozens of US.-born babies via surrogate

How I Use AI for Product Work

Warp Drive: Scientists Say a Physical Warp Drive Is Now Possible (2021)

Most people aren't fretting about an AI bubble. What they fear is mass layoffs

Show HN: Watchalong – live chatrooms for sports, shows, and events

iRobot Stock Is Surging. Retail Traders Think It's a New Short-Squeeze

De-anonymization attack on geolocated data (2014)