Thi.ng/hdom – S-expression based, pure ES6 UI/VDOM components

In plain words

Thi.ng/hdom is a lightweight UI component library that uses JavaScript arrays and standard ES6 data structures to define and update browser DOM elements. It allows developers to build user interfaces with pure JavaScript without JSX or preprocessing, supports lifecycle functions and closures for component logic, and can target the native DOM or other implementations like canvas scene graphs. The tool is designed for developers who prefer functional composition and flexible state handling over opinionated frameworks.

written from the facts on this page · September 2026

From the sources

In the maker’s words, at launch

https://github.com/thi-ng/umbrella/blob/master/packages/hdom... Lightweight UI component tree definition syntax, DOM creation and differential updates using only vanilla JS data structures (arrays, iterators, closures, attribute objects or objects with life cycle functions…

• 
  21st.dev2025 · 21st.dev · ▲1,211

  I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

• 
  HMPLDec 2025 · hmpl-lang.dev · ▲200

  HMPL.js is a lightweight server-oriented template language for JavaScript. Fetch HTML, render it safely, and keep apps dynamic, modern, and small. Alternative to HTMX and Alpine.js.

• 
  Cami.js – A no build, web component based reactive framework2023 · github.com · ▲113

  Hi Everyone! My main motivation for making this was that I wanted something as powerful as Svelte or React but I wanted no build steps, no JSON API, and I wanted something as close to vanilla js as much as possible. I'm mainly a backend developer, and I wanted to simply return html with some interactive islands when I need to (whose components get 'hydrated' with by backend language's templates). Some key ideas: • It's centered around light dom web components • Uses a "reactive element", which uses observables for fine-grained reactivity • Rendering is done through lit-html's tagged…

• BS
  Basecoat – shadcn/UI components, no React required2025 · ▲146

  Basecoat ports the upcoming shadcn/ui v4 [1] to plain HTML + Tailwind (no React): - Live demo & documentation: https://basecoatui.com - MIT‑licensed and free: https://github.com/hunvreus/basecoat/ - Works with any backend (Flask, Django, Rails, PHP, etc.) or static site. - Fully theme‑compatible with shadcn/ui [2]. - Uses a sliver of Alpine.js only for a few interactive bits (e.g. combobox). Swap in your own JS if you prefer. - Dead simple to use, just drop in a class here and there: Click me Why I built it: after moving from a Next.js stack back…

• 
  blocks.soNov 2025 · blocks.so · ▲61

  Open-source UI library built with React, Tailwind and shadcn

• 
  HTMLComponent – Component-Based UIs Using Only ES6 and Custom Elements2016 · github.com · ▲27

  Component-based UIs with vanilla ES6 and Custom Elements - felipeccastro/html-component

• 
  /dev/null▲491

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲464

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 22h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• IM
  I made a privacy-first minimalist Google Analytics▲968

  Life & fun · 2018 · simpleanalytics.io

• 
  Sublime Merge – A Git client from the makers of Sublime Text▲935

  Discover a powerful Git GUI Client for Mac, Windows and Linux, from the makers of Sublime Text. Line-by-line Staging. Commit Editing. Unmatched Performance.

  Life & fun · 2018 · sublimemerge.com

• 
  Zendesk for Startups▲921

  Every customer counts when you're a startup

  Growth · 2018 · zendesk.com

• SS
  Select Star SQL, an interactive SQL book▲700

  Dev tools · 2018 · selectstarsql.com

• 
  Lunar lander-type game with computational fluid dynamics▲660

  Lunar lander type game with computational fluid dynamics - s-macke/Interplanetary-Postal-Service

  Life & fun · 2018 · github.com

• 
  Ship 2.0▲651

  A toolkit to ship awesome products, by Product Hunt ⛵️

  Growth · 2018