User Message | Community Components - 21st | 21st

Components

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

K

Explore

Build

/21st.dev/user message

User Message | Community Components - 21st | 21st

//User Message

Loading preview...

Components•21st.dev•User Message

User Message

Right-aligned user chat bubble. Renders text, image previews, and non-image file attachments from a UIMessage payload. Self-contained port from 21st.dev Agent Elements.

Created by

@21st.dev

Installation

How to use

Dependencies

clsx tailwind-merge

Website

agent-elements.21st.dev/docs/user-message

Tags

Chat Agent Message Conversation Bubble

Created 4/28/2026Updated 4/28/2026