Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

AI Message

AI Message

Pro

Chat message bubble whose action row slides out of the bubble's own edge, revealed on hover and on focus.

Category: AI & chat
Built with: React, Tailwind, Motion
Installs: clsx lucide-react motion tailwind-merge
Files: ai-message.tsx + 1 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeOpen

AI Approval

AI Approval

FreeOpen

AI Artifact

AI Artifact

FreeOpen

AI Branch

AI Branch

AI Citation

AI Citation

AI Context Meter

AI Context Meter

AI Conversation

AI Conversation

AI Diff

AI Diff