Libraries & Projects>Libraries

KinoComponent - Render Phoenix function components in Livebook

/phoenix/livebook#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#phoenix_live_view#kino
7 234 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 (has 2 responses!)
phoenix
livebook
phoenix_live_view
kino
Home Libraries & Projects>Libraries
/phoenix/livebook#phoenix_live_view#kino
7 235 2
Last post

Popular in Libraries Top

sbs
Libraries & Projects>Libraries

QRCode - Implement QR Code in Elixir
Only 650 LOC, wrote for fun :slight_smile:
#qrcode
26 6563 19
New
mhanberg
Libraries & Projects>Libraries

Temple - HTML DSL for Elixir and Phoenix
I just released the first version of Temple: an HTML DSL for Elixir and Phoenix! You can read this blog post or the docs for more info...
#temple
76 5575 34
New
cjen07
Libraries & Projects>Libraries

ParamPipe - parameterized pipe in Elixir
parameterized pipe in elixir: |n> edit: negative index in |n> and mixed usage with |> are supported example: use ParamP...
#metaprogramming#pipeline
41 6078 32
New
markmark206
Your Libraries & Projects>Libraries

SimpleFeatureFlags – turn features on in some environments, via configuration
simple_feature_flags is a tiny package that lets you turn features on or off based on which environment (e.g. localhost, staging, product...
#configuration#feature-flags#simple_feature_flags
3 92 0
New
mcrumm
Libraries & Projects>Libraries

DartSass - An installer for sass
If you would like to migrate away from node/npm/webpack while still using sass, the dart_sass package provides a installer and runner for...
/phoenix#dart-sass
67 5692 36
New
hpopp
Libraries & Projects>Libraries

Pigeon - iOS and Android push notifications for Elixir
After just over two years in development, this latest version of Pigeon is what I finally consider done in regards to my original vision ...
#pigeon#ios#android#push-notifications
54 7264 13
New
mathieuprog
Libraries & Projects>Libraries

Tz - time zone support for Elixir (alternative to Tzdata that comes with a lot of bugfixes)
Hello :wave: Allow me to introduce you to Tz, an alternative time zone database support to Tzdata. Why another library? First and fore...
#datetime#timezones#tzinfo#tzdata#tz
153 9967 47
New
sasajuric
Libraries & Projects>Libraries

Boundary - enforcing boundaries in Elixir projects
I’d like to announce a small library called boundaries. This is an experimental project which explores the idea of enforcing boundaries ...
#boundaries
230 8813 49
New
KronicDeth
Libraries & Projects>Libraries

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
#intellij
289 35421 110
New
michalmuskala
Libraries & Projects>Libraries

Jason: a blazing fast JSON parser and generator in pure Elixir
Hello everybody. I have just released Jason - a new JSON library. You might be wondering, why do we need a new library? The primary foc...
#jason
117 9053 12
New

Other popular topics Top

stefanchrobot
Questions & Help>Questions

How to decode a JSON into a struct safely?
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
#structs#json
29 20780 26
New
freewebwithme
Questions & Help>Questions

Failed to run 'elixir' command error in vs code
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
#vscode#elixir-ls
48 15871 39
New
jononomo
Questions & Help>Questions

Where / How does the Mix environment variable get set?
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
#mix
31 22791 9
New
dotdotdotPaul
Questions & Help>Questions

Ecto: Validating belongs_to association is not nil?
Okay, I'm having a heck of a time trying to figure out how to best handle the validation of belongs_to associations in Ecto. I'm sure I'...
#ecto
29 17806 25
New
albydarned
Questions & Help>Questions

Erlang and Elixir on Apple Silicon/M1 Chip
Hello all! I am typing this post from my new MacBook Pro with the M1 chip. I’m loving it so far, and will probably use it as my daily dr...
#erlang#troubleshooting
121 24599 65
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 19677 6
New
mgjohns61585
Questions & Help>Questions

Convert a string to an integer?
Could someone help me? I'm making my first elixir program, number guessing game. I can't figure out how to convert the user's guess from ...
#how-to-question
3 14200 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
223 32979 47
New
qwerescape
Questions & Help>Questions

How to get the call stack/stack trace at any point in code?
Is there a way to get the call stack or stack trace at any point in the code? Not from exceptions, but an expression that returns how the...
53 15772 4
New
WestKeys
Questions & Help>Questions

Mint vs Finch vs Gun vs Tesla vs HTTPoison etc
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
#http_client
252 21859 30
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Latest Livebook Threads

Livebook Forum ❯

Libraries & Projects>Libraries

Libs/Projects Libraries ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Potions

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

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.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

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.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

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