Skip to content

feat(icon): add presentation animated icon - #271

Open
bqst wants to merge 1 commit into
pqoqubbw:mainfrom
bqst:feat/presentation-icon
Open

bqst wants to merge 1 commit into
pqoqubbw:mainfrom
bqst:feat/presentation-icon

Conversation

@bqst

@bqst bqst commented Oct 22, 2026

Copy link
Copy Markdown

I have read the CONTRIBUTING.md file.

YES

What kind of change does this PR introduce?

Adds the animated presentation icon from Lucide.

What is the new behavior?

On hover, the projection screen rolls up, unfolds, and settles with a small rebound. The top bar stays fixed while the stand follows the screen, keeping the two connected throughout the animation.

  • 850 ms sequence with easeInOut, no start delay; mouse-leave restores the resting shape in 200 ms.
  • Uses path morphing and translation, preserving the original Lucide geometry at rest, currentColor, and the 24×24 viewBox. No path-length drawing effect.
  • Follows the existing startAnimation / stopAnimation handle and hover conventions.
  • Includes search keywords and generated shadcn registry entries.

Demo

Presentation animation at enlarged and actual size

Looping GIF rendered from the component's geometry, keyframes, and easing; the component itself plays once per hover. The preview asset is hosted separately from this PR's source changes.

Additional context

  • pnpm gen-cli passed, including TypeScript, lint, imports, duplicates, and registry checks.
  • pnpm gen-cli:check passed during development; pnpm gen-cli passed again for the final version.
  • Interactive React preview checked at 28, 48, and 120 px.
  • pnpm build was attempted but is blocked by the repository's missing proprietary fonts: fonts/ANDALEMO.woff and fonts/GT-Cinetype-Regular.woff (font download URLs were not configured).

@vercel

vercel Bot commented Oct 22, 2026

Copy link
Copy Markdown

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

A member of the Team first needs to authorize it.

This branch has not been deployed

No deployments
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