anthonator
KinoComponent enables rendering Phoenix function components directly in Livebook. It’s ideal for experimenting with, documenting or creating a playground for components. I’m currently using it to create a Storybook-like experience within Livebook.
Key Features
- Seamlessly render Phoenix function components in Livebook cells
- Great for interactive component development and live documentation
- Supports rapid prototyping and UI experimentation
Check it out on GitHub and feel free to contribute or give feedback!
Links
Hex
GitHub
Where Next?
Trending in Announcing
Other Trending Topics
Latest Phoenix Threads
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
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
- #ai
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
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!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
**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!"
Showing Posts 1 to 2- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
lmletham
This looks awesome, I’m excited to give it a spin.
anthonyshull
Hey, I started a project that is somewhere in between KinoComponent and Storybook called KinoLiveView. Currently, you can run it in standalone mode which gives you the ability to style components with Tailwind. I’m going to be working on an embedded mode that will allow you to pick up the style of the underlying application. Right now it just works with function components, but I’m going to add live components as well. Would be interested in collaborating: GitHub - anthonyshull/kino_live_component: A kino for rendering fully-styled function and live components in Livebook · GitHub