Introduction

Nostr is very simple, but not simple enough that you would write a full-blown client from scratch in pure JavaScript every time what you just need is to dynamically embed a Nostr note in your otherwise static HTML site; or display a button asking people to RSVP in the static site you made for a local meetup; or even for when you just have a list of npubs and you want to display their names.

Nostr Web Components is not trying to be a framework for writing Nostr clients. For that you probably still want something like Svelte, or React, or Solid, or whatever component together with ndk or nostr-tools or some other library.

For all other situations when you just want little bits of Nostr you can use these web components. Although they're isolated in a shadow DOM and completely unstyled, they come with part attributes that you can use to style them from the outside. That also works with TailwindCSS.