This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Drow.js
The Tiny, Object-Based Web Component Library
Drow.js is a minimalist wrapper for the Web Components API that replaces class boilerplate with a clean, object-based config. - Two-way binding, computed properties, scoped CSS, Shadow DOM support - Global store for cross-component state sharing - Lifecycle hooks: init(), disconnected(), updated() - Render batching via requestAnimationFrame - TypeScript definitions included - Zero dependencies. No build step. Drop in a single script tag.
Hey Product Hunt! 👋
I built Drow.js because I kept reaching for React or Vue for projects that really just needed a couple of reusable components — and the setup cost was never worth it.
The Web Components API is genuinely powerful, but the native syntax is painful. You extend HTMLElement, call super(), remember which lifecycle methods do what... all before writing a single line of actual UI logic.
Drow fixes that. You hand it a plain object with a name, a template, and some state. It handles registration, reactivity, and rendering. That's it.
Recent additions that I'm especially happy with:
- **Render batching** — rapid state changes collapse into one DOM update per frame
- **Keyed d-for diffing** — lists patch only what changed, not full rebuilds
- **d-if / d-else-if / d-else** chaining — conditional blocks that actually work intuitively
- **Deep d-model** — bind inputs to nested state paths like `d-model="user.email"`
It's genuinely zero dependencies. The whole library is one file you can read in 10 minutes.
Would love to hear what you think — and if you build something with it, let me know!
About Drow.js on Product Hunt
“The Tiny, Object-Based Web Component Library”
Drow.js was submitted on Product Hunt and earned 4 upvotes and 1 comments, placing #159 on the daily leaderboard. Drow.js is a minimalist wrapper for the Web Components API that replaces class boilerplate with a clean, object-based config. - Two-way binding, computed properties, scoped CSS, Shadow DOM support - Global store for cross-component state sharing - Lifecycle hooks: init(), disconnected(), updated() - Render batching via requestAnimationFrame - TypeScript definitions included - Zero dependencies. No build step. Drop in a single script tag.
On the analytics side, Drow.js competes within Developer Tools, GitHub, Development and Web Design — topics that collectively have 571.8k followers on Product Hunt. The dashboard above tracks how Drow.js performed against the three products that launched closest to it on the same day.
Who hunted Drow.js?
Drow.js was hunted by John F. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Drow.js including community comment highlights and product details, visit the product overview.
John F