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).
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!
No comment highlights available yet. Please check back later!
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.
Drow.js was featured in Developer Tools (515.4k followers), GitHub (41.3k followers), Development (6k followers) and Web Design (9k followers) on Product Hunt. Together, these topics include over 106.2k products, making this a competitive space to launch in.
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.
Want to see how Drow.js stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
John F