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
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #ai
- #genstage
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
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.
Develop your skills with books, videos, and courses.
Bringing learning, work and compliance together since 1987.
Producing high quality Elixir screencasts since 2017.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
First 2 of 2 Posts
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