Livebook SmartCell Starter Template

I’ve been working a lot with Livebook as of late and especially with Kino. I found myself making a lot of Kinos with similar boilerplate, so I decided to make it into a template so anyone can use to get started. This is the same stack I’m currently using for my Postman-esque SmartCell (Merquery), and I’ve been quite happy with it.

It uses the following stack:

  • Vite as the build system
    • You can elect to use any front-end framework you desire by adding its requisite Vite Plugin.
  • TailwindCSS for CSS / Styling
    • Uses the color palette provided by the official Livebook team from the kino_bundler package

It also includes some comments and suggestions for building out your SmartCell behaviour for those who are new to it.