Panel Bottom Icon

An animated panel-bottom icon that bounces its bottom divider line on hover, for toolbars and sidebar layout controls.

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

import PanelBottomIcon from "@/components/ui/hu-panel-bottom";

export default function PanelBottomIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <PanelBottomIcon size={48} />
    </div>
  );
}