More Vertical Icon

Component

About

An animated vertical three-dot "more options" icon that nudges its dots on hover, used for overflow menus and action triggers.

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

Code

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

Usage.tsx

import { MoreVerticalIcon } from "@/components/ui/hu-more-vertical";

export default function MoreVerticalIconDemo() {
  return (
    <div className="flex h-screen w-full items-center justify-center">
      <button
        type="button"
        aria-label="More options"
        className="inline-flex items-center justify-center rounded-md p-2 text-foreground hover:bg-muted"
      >
        <MoreVerticalIcon size={28} />
      </button>
    </div>
  );
}