Elliot Sutton

Message Circle More Icon

Component 3

About

Animated message circle icon with dots that ripple, pulse, or jump on hover, view, or tap for chat and conversation UIs.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Message Circle More Icon to your project and fits it to your theme.

Code

How Message Circle More Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { MessageCircleMore } from '@/components/ui/message-circle-more';

export default function MessageCircleMoreIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <MessageCircleMore animateOnHover size={40} />
    </div>
  );
}

Dependencies

More by Elliot Sutton

View all
  • Notification List

    Notification List

    215
  • Scroll Progress

    Scroll Progress

    140
  • Cursor

    Cursor

    126
  • Pin List

    Pin List

    111
  • Radix Dropdown Menu

    Radix Dropdown Menu

    101
  • Flip Button

    Flip Button

    97
  • Bubble Background

    Bubble Background

    92
  • Avatar Group

    Avatar Group

    86