# Best CSS Framework for LiveView?

**URL:** <https://forum.elixirforum.com/t/best-css-framework-for-liveview/32256>\
**Category:** Questions\
**Tags:** phoenix, css, liveview\
**Created:** [June 10, 2020, 4:20pm UTC](https://forum.elixirforum.com/t/best-css-framework-for-liveview/32256 "2020-06-10T16:20:49Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![praveenperera](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/praveenperera/32/16422_2.png) [@praveenperera](https://forum.elixirforum.com/u/praveenperera)\
**Post date:** [June 10, 2020, 5:49pm UTC](https://forum.elixirforum.com/t/best-css-framework-for-liveview/32256/9 "2020-06-10T17:49:32Z")

</div>

Let me clarify how I use them

**TailwindCSS** - general CSS utility framework, used for styling

**Animate.CSS** - to do simple fade-in/fade-out for content that’s controlled by LiveView (just to make it less jarring)

**AlpineJS** - For simple interactions not involving data (ex: dropdowns, drawer menus, sidebar menu)

**LiveView** - Any interactions involving data

---

_[View the full topic](https://forum.elixirforum.com/t/best-css-framework-for-liveview/32256)._