anthonator
KinoComponent - Render Phoenix function components in Livebook
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
Most Liked
lmletham
Last Post!
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
Popular in Announcing
Other popular topics
Latest Phoenix Threads
Latest Livebook Threads
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
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
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #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 for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"