Skip to content

feat(icon): add link-2 animated#253

Open
maximebrmd wants to merge 1 commit into
pqoqubbw:mainfrom
maximebrmd:fm/icons-link-2
Open

feat(icon): add link-2 animated#253
maximebrmd wants to merge 1 commit into
pqoqubbw:mainfrom
maximebrmd:fm/icons-link-2

Conversation

@maximebrmd

@maximebrmd maximebrmd commented Jul 2, 2026

Copy link
Copy Markdown

Adds an animated link-2 icon (lucide Link2), following CONTRIBUTING.md.

Animation

The two link ends connect: on hover they slide apart slightly, then snap back together with a small overshoot — a satisfying "click into place" that reinforces the meaning of link / connect. Each end (bracket + its half of the connecting bar) is its own motion.g, so the halves physically meet at the center.

  • Monochrome (currentColor only), smooth, ~0.6s.
  • Motion is deliberately contained — the slide stays fully inside the 24×24 viewBox at every frame, so nothing clips or overflows the icon bounds.
  • Not a generic path-length "drawing" effect.

Implementation

  • Exact lucide Link2 SVG (two rounded brackets + connecting bar), no hand-approximation.
  • Standard template wiring: Link2Icon, Link2IconHandle, useAnimation from motion/react, hover start/stop + imperative handle.
  • Registered in icons/index.ts and synced with pnpm run gen-cli (registry.json + public/r/link-2.json).
  • pnpm build, check-imports, and check-duplicates all pass.

Demo

Screen.Recording.2026-07-02.at.21.43.13.mov

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 2, 2026

Copy link
Copy Markdown

@maximebrmd is attempting to deploy a commit to the lucide-animated Team on Vercel.

A member of the Team first needs to authorize it.

@maximebrmd maximebrmd changed the title add link-2 animated icon feat(icon): add link-2 animated Jul 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant