<p align="center">
  <img src="https://res.cloudinary.com/tleef/image/upload/v1719840175/crema-ui-logo_iizhjg.png" height="128">

  <h1 align="center">Crema</h1>
</p>

<p align="center">
  <a href="https://crema.build">crema.build</a>
</p>

<p align="center">
  Crema is a set of HEEX components and other utilities designed to help Phoenix Live View developers build delicious UIs fast!
</p>

<p align="center">
  <a href="https://hexdocs.pm/crema">
    <img alt="Hex Docs" src="https://img.shields.io/hexpm/v/crema.svg">
  </a>
  <a href="https://hex.pm/packages/crema">
    <img alt="Hex Package" src="https://img.shields.io/hexpm/dt/crema.svg?style=flat">
  </a>
  <a href="https://opensource.org/licenses/MIT" alt="MIT">
    <img src="https://img.shields.io/badge/license-MIT-green" />
  </a>
</p>

<p align="center">
  <a href="https://crema.build/components">View the docs</a>
</p>

## About

Our goal is to build the largest, highest-quality collection of HEEX components to help developers quickly start building beautiful apps with Phoenix Live View.

Whenever JavaScript is required, we will use `Phoenix.LiveView.JS` or [Client hooks](https://hexdocs.pm/phoenix_live_view/js-interop.html#client-hooks-via-phx-hook) to keep things as simple and integrated as possible.

## Documentation

For full documentation, visit [crema.build](https://crema.build/components).