[FEATURE]: Add a Glassmorphic button

[vishnuprasad2004]

Feature Description 📝

A Glassmorphism Button (button with glass-like effect)

Tailwind Playground link: https://play.tailwindcss.com/Y9Sr11vrVR

Screenshots 📸

In Light Mode

In Dark mode

[github-actions]

Hello @vishnuprasad2004,

Thanks for creating this issue and contributing to SyntaxUI!

@Ansub will review your issue soon and provide feedback. In the meantime, feel free to join the discord community, It's a great place to discuss the project, ask questions, and connect with other contributors.

Please ensure that you have followed the contributing guidelines for a smooth review process.

[epoll31]

I had also created a Glassmorphism Button for SyntaxUI in the past.

Here is what mine looks like.

trim.DF39917C-30BE-4FE6-A6C1-AEFEF2E6B45F.MOV

[Ansub]

@epoll31 what if we remove that red background at the back

[epoll31]

This is what that looks like:

The red part behind it is what gives it it's glassy look.

[Ansub]

hmm, you are right. we can do something similar to this then

https://codepen.io/tin-fung-hk/pen/MWrRqBw

[epoll31]

That's pretty similar to what I had :). Do you want me to make it a square, or rotate the background, or both?

[Ansub]

can you raise a PR for the glassmorphism button you made or lmk if it was already there i will re-open it

[Ansub]

we actually need that button but looking for a better UI @vishnuprasad2004