acalejos
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_bundlerpackage
- Uses the color palette provided by the official Livebook team from the
It also includes some comments and suggestions for building out your SmartCell behaviour for those who are new to it.
Enjoy!
Where Next?
Trending in Guides/Tuts
Other Trending Topics
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Producing high quality Elixir screencasts since 2017.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #ai
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"