Skip to content
Kineticons

Conversation

messages, <Messages />

The back bubble slides out from behind the front one, which bounces from its tail.

1620243240
tsx
import { Messages } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <Messages />
  Conversation
</button>

npm install kineticons. Works in Server Components; only the icons you import are bundled.

Icons like conversation

More in App