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

**URL:** <https://forum.elixirforum.com/t/flowbite-open-source-ui-components-for-phoenix-framework-elixir/54235>\
**Category:** Announcing\
**Tags:** library, phoenix, tailwindcss, flowbite\
**Created:** [March 1, 2023, 1:28pm UTC](https://forum.elixirforum.com/t/flowbite-open-source-ui-components-for-phoenix-framework-elixir/54235 "2023-03-01T13:28:34Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Eiji](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/eiji/32/36743_2.png) [@Eiji](https://forum.elixirforum.com/u/Eiji)\
**Post date:** [March 1, 2023, 2:33pm UTC](https://forum.elixirforum.com/t/flowbite-open-source-ui-components-for-phoenix-framework-elixir/54235/3 "2023-03-01T14:33:20Z")

</div>

Unfortunately it’s a pure `CSS` + `JavaScript` library with lots of amazing components and guides. The linked `Phoenix` project is based on version `1.6.x`.

People reading your post could expect few things:

1. [phx.new](https://github.com/phoenixframework/phoenix/tree/master/installer) like generator
2. Modified [core\_components.ex](https://github.com/phoenixframework/phoenix/blob/master/priv/templates/phx.gen.live/core_components.ex) file
3. `LiveView` integration

See below documentation for more information:

1. [JavaScript interoperability](https://hexdocs.pm/phoenix_live_view/js-interop.html#client-hooks-via-phx-hook)
2. [Phoenix.Component](https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html)
3. [Phoenix.LiveComponent](https://hexdocs.pm/phoenix_live_view/Phoenix.LiveComponent.html)
4. [Phoenix.LiveView.JS](https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.JS.html)

---

_[View the full topic](https://forum.elixirforum.com/t/flowbite-open-source-ui-components-for-phoenix-framework-elixir/54235)._