About

zakuni components is a small catalogue of Web Components built with Lit. I make them for my own projects and publish them here so that each one has a live demo, a property reference and its full source in one place.

The catalogue has two groups. Simple components are plain building blocks coloured by the --accent CSS variables. SF components are sci-fi styled variants for dark backgrounds, tinted by --sf-color.

Every component is a single TypeScript file with no dependency other than Lit. To use one, copy its source from the Implementation section into a project that has lit installed and place the tag in your HTML.

The site is built with Astro and hosted on Cloudflare Pages. Components are rendered on the server with declarative shadow DOM, so the pages work without client-side JavaScript.

Author

Kunio Ozawa (zakuni), a software developer based in Japan. More about me at ozawakun.io. For questions, see the contact page.