SyntaxUI / syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!
https://syntaxui.com
MIT License
573 stars 42 forks source link

Fix issue with hover animations #237

Closed Asin-Junior-Honore closed 1 week ago

Asin-Junior-Honore commented 1 week ago

Description

This pull request introduces additional hover animations to enhance user interaction across the application. Specifically, it adds the Pulse animation to the HoverPulseButton component.

Related Issue

Fixes #235

Proposed Changes

Implemented Pulse animation in HoverPulseButton component. Added necessary CSS and keyframes for the Pulse animation. Ensured compatibility and smooth functionality across browsers.

Screenshots

Screenshot (24)

Checklist

Please check the boxes that apply:

Additional Context

Please provide any additional context or information about the pull request here.

vercel[bot] commented 1 week ago

@Asin-Junior-Honore is attempting to deploy a commit to the SyntaxUI Team on Vercel.

A member of the Team first needs to authorize it.

epoll31 commented 1 week ago

Could you swap out the pure CSS classes for inline TailwindCSS classes?

Asin-Junior-Honore commented 1 week ago

Hey @epoll31 ,

I have swapped out the pure CSS classes for inline TailwindCSS classes as requested. Please review my PR at your earliest convenience.

Thanks!

Asin-Junior-Honore commented 1 week ago

@epoll31 I have just restored the content in the tailwind.css file , sorry about that please thanksπŸ˜ŠπŸ™‡

vercel[bot] commented 1 week ago

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
syntax-ui βœ… Ready (Inspect) Visit Preview πŸ’¬ Add feedback Jun 24, 2024 10:09am
Asin-Junior-Honore commented 1 week ago

Hey @Ansub ,

The requested changes and adjustments have been made. Please review at your earliest convenience.

Ansub commented 1 week ago

Looks good, i just added one comment, you just have to copy and past meta data from other hover animations and paste it in your pulse animation and simply change the copy from so-and-so hover animation to pulse.

once done we can get this merged. Thanks for your contribution!

Asin-Junior-Honore commented 1 week ago

hey @Ansub I have added the meta data for the hover-pulse animation as requested. Please review at your earliest convenience.

Ansub commented 1 week ago

Thank you for your valuable contribution to SyntaxUI! 🌟

Are you part of our SyntaxUI Discord community yet? β€’ If yes, please reach out to me there – a special contributor badge awaits you! β€’ If not, we'd love to have you join us. It's the perfect place to connect, share ideas, and stay updated on all things SyntaxUI.

Once again, thank you for helping shape the future of SyntaxUI. Your contribution makes a real difference! πŸ’ͺ✨