miralsuthar / tailwind-glassmorphism

Hey! I'm Miral Suthar 👋

• 💻 I'm a Frontend Web Developer and UI designer.
• 💚 Love to building Frontend stuff and UX/UI Designs.
• 📽️ Project PrettyShot tailwindcss-glassmorphism, eth-info, tailwindcss-modal
• 📖 My article Animation with Tailwindcss
• 👷‍♂️ Contributed to Moonswap, Memes.party, OpenSauced, dailtdotdev and developerdao, eden-protocol
• 🧰 Technology I use: React | Nextjs | Mongo | Threejs | GraphQL | Postgres | Javascript | Tailwindcss

tailwind-glassmorphism's Issues

Add copy to clipboard feature

Hi Miral,

First of all, I want to commend you on the fantastic work and the innovative idea behind the 'TailwindCSS Glassmorphism Generator'. It's a really impressive tool!

I have a simple yet potentially impactful suggestion to improve the user experience. Currently, the class code generated with all the settings doesn't have an easy way for users to copy it. I believe adding a "Copy to Clipboard" feature would be beneficial. This feature would allow users to directly copy the class names or the entire div with a single click, similar to many modern websites.

Feature Request:

1. Copy to Clipboard Button: Add a button next to the generated code that allows users to copy the class names or entire div to the clipboard with a single click.

2. Copied Notification: Display a brief "Copied!" notification to inform users that the code has been successfully copied to the clipboard.

Visual Example:

Benefits:

• Enhances user experience by simplifying the process of copying generated code.
• Aligns with the user-friendly features found on many modern websites.
• Improves the overall usability of the tool.
• If you agree, I would be happy to implement this feature and submit a pull request.

Thank you for considering this suggestion!

Best regards,