News>Announcing

KinoComponent - Render Phoenix function components in Livebook

/phoenix/livebook#library#phoenix_live_view#kino
anthonator

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

2 comments
/phoenix/livebook#library#phoenix_live_view#kino
7 269 2

Most Liked

lmletham

lmletham

This looks awesome, I’m excited to give it a spin.

1
Post #2

Where Next?

View thread on forum
phoenix
livebook
library
phoenix_live_view
kino
Home News>Announcing
/phoenix/livebook#library#phoenix_live_view#kino
7 269 2
Last post

Popular in Announcing Top

martinthenth
News>Announcing

UUIDv7 - A UUID v7 implementation and Ecto.Type for Elixir - based on Rust
Hello everybody :wave: Recently, some of my colleagues talked about database ids and uuids and their problems, and I remembered the pain...
#ecto#library#rust#nif#uuid#rustler#ecto-type#rustler-precompiled#uuidv7
91 6953 16
New
mischov
News>Announcing

Meeseeks - A library for extracting data from HTML and XML with CSS or XPath selectors
import Meeseeks.CSS html = HTTPoison.get!("https://news.ycombinator.com/").body for story <- Meeseeks.all(html, css("tr.athing")) do...
#library#meeseeks
242 12240 86
New
gabrielpoca
News>Announcing

Still - A composable static site builder
Hello everyone! I want to share with you something that I’m really proud of: https://stillstatic.io/ Still is a static site builder for...
#library#still
103 6100 33
New
Crowdhailer
News>Announcing

OK: Elegant error handling for elixir pipelines. Version 1.0 released
I have been updating a library that allows you to pipe between functions that use the erlang result tuple convention. Assuming you have...
#macros#library#pipeline#syntax
34 6523 16
New
alisinabh
News>Announcing

Jalaali (Shamsi) calendar for elixir (Persian calendar)
Hey everyone i’ve developed a library for Jalaali calendar for elixir which supports converting Gregorian dates to Jalaali and vice vers...
#library#jalaali
72 8460 39
New
kelvinst
News>Announcing

Triplex - a complete solution to multi-tenancy with PG schemas
Hey everyone! Well, we made this lib a while ago and now we decided to finally go out and public with it! It’s a tool for creating and m...
/phoenix#ecto#library#plug#triplex
98 13104 43
New
achempion
News>Announcing

I've forked Arc to Waffle and merged all open PRs
Hi, I would like to tell about my initiative to further maintain and develop Waffle project which is the fork of Arc library. The progre...
#library#arc#opensource#ecto_arc#waffle
166 6771 48
New
sbs
News>Announcing

QRCode - Implement QR Code in Elixir
Only 650 LOC, wrote for fun :slight_smile:
#library#qrcode
26 6732 19
New
josevalim
News>Announcing

NimbleCSV - a small and fast CSV parsing and dumping library for Elixir
Hello everyone, We have just released NimbleCSV which is a small and fast CSV parsing library for Elixir. It allows developers to define...
#library#nimblecsv
31 6662 13
New
kevinlang
News>Announcing

Ecto_sqlite3 - an Ecto3 SQLite3 adapter
Hey all, We have made an Ecto3 Adapter for SQLite3, ecto_sqlite3! We have successfully on-boarded the full suite of integration tests (...
#ecto#library#ecto_sql#ecto_sqlite3
153 7788 52
New

Other popular topics Top

9mm
Questions & Help>Questions

Elixir way to conditionally update a map
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
#maps
55 20157 29
New
aadeshere1
Questions & Help>Questions

Write while loop equivalent in elixir
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
#while#loop
60 28830 36
New
JeremM34
Questions & Help>Questions

How can I check Phoenix version?
Hello, how can I check the Phoenix version ? Thanks !
/phoenix
35 28207 8
New
joeerl
Questions & Help>Questions

Upgrading Elixir - how to check versions, delete, and upgrade?
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
#upgrade
63 41515 13
New
stefanluptak
Questions & Help>Questions

Using VSCode on multiple monitors
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
#vscode#vscode-elixir
7 17871 6
New
alice
Questions & Help>Questions

What are the main benefits of Elixir compared to Clojure?
Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...
#clojure
229 33727 47
New
Emily
Questions & Help>Questions

How To Get Phoenix & VueJS working Together?
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I fore...
/phoenix
93 22591 42
New
aalberti333
Questions & Help>Questions

Enum.map over list of key/value pairs with a map as the value
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
#enummap
7 19847 6
New
chrismccord
News>Phoenix News

Phoenix v1.5.0 released!
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
/phoenix#phoenix-release
379 29106 93
New
Brian
Questions & Help>Questions

Import a module from a file into IEX
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
#iex
35 32612 16
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Latest Livebook Threads

Livebook Forum ❯

News>Announcing

News Announcing ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Dashbit

Build Elixir applications with speed and confidence.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement