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!

Most Liked

lmletham

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

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

Libraries & Projects>Libraries

Flowbite - open-source UI components for Phoenix Framework (Elixir)

Hey everyone :wave: Excited to join this forum - I am one of the founders and current project maintainers of a popular and open-source U...

/phoenix #tailwindcss #flowbite

25 5957 8

2023-12-09 12:07:11 UTC

New

Your Libraries & Projects>Libraries

Drab: remote controlled frontend framework for Phoenix

Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...

/phoenix #web-frameworks #frontend #javascript #drab

639 49522 488

2020-01-31 18:52:13 UTC

New

Libraries & Projects>Libraries

Svonix - Svelte & Phoenix > 1.6 - easily create and use Svelte components in Phoenix

Hello all, I’ve been working on Svonix - a library for quickly integrating Svelte components into Phoenix views. It’s a much-needed succ...

/phoenix #library #collaboration #svelte #rollup

71 6906 37

2023-03-17 18:16:04 UTC

New

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

2020-04-29 08:35:13 UTC

New

Libraries & Projects>Libraries

DateTimeParser - Parse DateTime, NaiveDateTime, Time, or Date from strings

I’m excited to announce that TaxJar has developed and open-sourced DateTimeParser. We developed it because we found a need to parse user ...

#date_time_parser

21 5356 3

2022-05-09 15:46:50 UTC

New

Libraries & Projects>Libraries

Flop - Filtering, sorting and pagination for Ecto

Flop is an Elixir library that applies filtering, ordering and pagination parameters to your Ecto queries. offset-based pagination with...

#ecto #sorting #pagination #filtering #flop

92 9442 44

2025-04-04 17:20:57 UTC

New

Libraries & Projects>Libraries

NimbleParsec - a simple and fast parser combinator for Elixir

Yes, yet another parser combinator library! Most of the parser combinators in the ecosystem are either compile-time, often using AST tra...

#nimbleparsec

159 18262 141

2022-11-15 18:39:51 UTC

New

Libraries & Projects>Libraries

Phoenix-js-react-hooks - React Hooks for working with Phoenix Channels in JavaScript

I built a silly site for Halloween that uses Phoenix Channels on the backend, and React on the frontend. I had many problems integrating ...

/phoenix #channels #javascript #react #reactjs #phoenix-channel #phoenix-js-react-hooks

10 3781 3

2021-05-20 03:39:29 UTC

New

Libraries & Projects>Libraries

WebSockex - An Elixir WebSocket client

Hey everyone, I just released WebSockex which is a Elixir WebSocket client. WebSockex strives to work as a OTP special process, be RFC6...

#websockex

74 17328 53

2025-06-01 20:28:47 UTC

New

Libraries & Projects>Libraries

Ram, an in-memory distributed KV store

Let’s write a database! Well not really, but I think it’s a little sad that there doesn’t seem to be a simple in-memory distributed KV da...

#databases

85 6740 41

2023-06-21 18:16:54 UTC

New

Other popular topics

News>Phoenix News

Phoenix 1.4.0 released!

Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...

/phoenix #phoenix-release

688 30048 115

2018-11-21 08:51:31 UTC

New

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

2023-08-04 11:00:52 UTC

New

Your Libraries & Projects>Libraries

Drab: remote controlled frontend framework for Phoenix

Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...

/phoenix #web-frameworks #frontend #javascript #drab

639 49522 488

2020-01-31 18:52:13 UTC

New

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

2024-01-11 21:01:54 UTC

New

Questions & Help>Questions

What's the best ide/editor for elixir in 2021?

i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:

#ide

68 37349 27

2021-11-19 08:31:48 UTC

New

Questions & Help>Questions

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions

I’m working on defining a simple Ecto schema for a table (in PostGres), but I don’t see where I can define a column as NOT NULL. Conside...

#ecto

29 14078 4

2018-06-15 19:49:48 UTC

New

Questions & Help>Questions

Removing spaces and characters from string

If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...

#regex

11 14427 2

2019-03-01 05:47:15 UTC

New

Questions & Help>Questions

Updating structs: Map.put vs %Foo{oldfoo | new: value} vs put_in

Original source of discussion: This topic on the Pragmatic Programmers' Functional Web Development with Elixir, OTP, and Phoenix forum. ...

#maps #structs #pipeline #access

115 28410 31

2020-07-04 06:01:18 UTC

New

Chat & Discussions>Wikis

Neovim - Elixir Setup Configuration from Scratch Guide

This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...

#wiki #code-editors #neovim #language-server-protocol

273 38985 115

2025-08-27 21:46:18 UTC

New

Learning Resources>Books

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

by Lance Halvorsen Elixir and Phoenix are generating tremendous excitement as an unbeatable platform for building modern web application...

#book-functional-web-development-with-elixir-otp-and-phoenix #pragprog

460 27162 124

2022-09-12 17:08:34 UTC

New

KinoComponent - Render Phoenix function components in Livebook

anthonator

KinoComponent - Render Phoenix function components in Livebook

Key Features

Links

Hex

GitHub

Most Liked

lmletham

Where Next?

Popular in Libraries

Flowbite - open-source UI components for Phoenix Framework (Elixir)

Drab: remote controlled frontend framework for Phoenix

Svonix - Svelte & Phoenix > 1.6 - easily create and use Svelte components in Phoenix

ParamPipe - parameterized pipe in Elixir

DateTimeParser - Parse DateTime, NaiveDateTime, Time, or Date from strings

Flop - Filtering, sorting and pagination for Ecto

NimbleParsec - a simple and fast parser combinator for Elixir

Phoenix-js-react-hooks - React Hooks for working with Phoenix Channels in JavaScript

WebSockex - An Elixir WebSocket client

Ram, an in-memory distributed KV store

Other popular topics

Phoenix 1.4.0 released!

Ecto: Validating belongs_to association is not nil?

Drab: remote controlled frontend framework for Phoenix

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform

What's the best ide/editor for elixir in 2021?

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions

Removing spaces and characters from string

Updating structs: Map.put vs %Foo{oldfoo | new: value} vs put_in

Neovim - Elixir Setup Configuration from Scratch Guide

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

Latest Phoenix Threads

Latest Livebook Threads

Libraries & Projects>Libraries

Latest on Elixir Forum

Categories:

Sub Categories:

Forums

We're in Beta

KinoComponent - Render Phoenix function components in Livebook

anthonator

KinoComponent - Render Phoenix function components in Livebook

Key Features

Links

Hex

GitHub

Most Liked

lmletham

Where Next?

Popular in Libraries

Flowbite - open-source UI components for Phoenix Framework (Elixir)

Drab: remote controlled frontend framework for Phoenix

Svonix - Svelte & Phoenix > 1.6 - easily create and use Svelte components in Phoenix

ParamPipe - parameterized pipe in Elixir

DateTimeParser - Parse DateTime, NaiveDateTime, Time, or Date from strings

Flop - Filtering, sorting and pagination for Ecto

NimbleParsec - a simple and fast parser combinator for Elixir

Phoenix-js-react-hooks - React Hooks for working with Phoenix Channels in JavaScript

WebSockex - An Elixir WebSocket client

Ram, an in-memory distributed KV store

Other popular topics

Phoenix 1.4.0 released!

Ecto: Validating belongs_to association is not nil?

Drab: remote controlled frontend framework for Phoenix

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform

What's the best ide/editor for elixir in 2021?

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions

Removing spaces and characters from string

Updating structs: Map.put vs %Foo{oldfoo | new: value} vs put_in

Neovim - Elixir Setup Configuration from Scratch Guide

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

Latest Phoenix Threads

Latest Livebook Threads

Libraries & Projects>Libraries

Latest on Elixir Forum

Sponsor Spotlight

Our Sponsors

Categories:

Sub Categories:

Forums

Our Sponsors

We're in Beta