react-docs-helix VS scittle

You can ignore the malli/react-hook-form part - the relevant parts are the entry namespace and the shadow-cljs config. This example uses https://github.com/lilactown/helix (great tutorial here https://github.com/iwrotesomecode/react-docs-helix) but you can use reagent if you wish. I think this should meet your requirements. You can inline your data in the cljs bundle as data and add UI via react components.

Just to add another option, check out Scittle by borkdude (creator of babashka and many other things also worth using) https://babashka.org/scittle/

If you're looking to embed a lisp like language in webpages, you can use Scittle, which is a subset of Clojure, similar to babashka that is meant to be embedded in html:

https://github.com/babashka/scittle

I highly recommend shadow-cljs because it allows near seamless integration with NPM ecosystem. It's also worth noting that scittle works really well for small pages.

thanks! yeah, shoutout to scittle. it's really fun writing Clojure right in the browser

This is just a fun little thing to experiment with Clojurescript because I wanted to make code samples in a blog post I'm writing interactive/executable. I'm not sure if there's existing solutions that already do this, but like I said, this was a fun little experiment! Made possible by https://github.com/babashka/scittle, so thanks /u/borkdude!