New badge component ideas

[mamun-jsx]

Hi @markmead ,

Hope you’re doing well!

I’ve created some new components under Badge | Application:

Image of the component

Code snippet / screenshot

Regarding #675, we had discussed some components at the bottom, and you mentioned liking the rounded style. I’ve made a few more following that design:

Code video / screenshot

Demo on YouTube

If these align with Hyper UI’s target, you can consider merging them or giving feedback.

Thanks!

[markmead]

Hi @mamun-jsx, good to hear from you again, I hope you've been well. Can you create a PR so I can review them properly, please?

[mamun-jsx]

Hello @markmead , sorry I’ve been busy. I may submit it now—ok?

[mamun-jsx]

@markmead Just sharing an idea…
The buttons on the marketing page look a bit old-fashioned and basic, which is fine.
But I wish we could add buttons like these — they are inspired by Material UI and look modern, yet the code can still be super simple.

I also want to add animated buttons. inside a button a spinner will animating

[markmead]

The buttons on the marketing page look a bit old-fashioned and basic, which is fine. But I wish we could add buttons like these — they are inspired by Material UI and look modern, yet the code can still be super simple.

You can add them, it's an open source project. But 3/4 of the buttons you showed are round with an icon, which we already have - https://www.hyperui.dev/components/marketing/buttons#component-4

[mamun-jsx]

The buttons on the marketing page look a bit old-fashioned and basic, which is fine. But I wish we could add buttons like these — they are inspired by Material UI and look modern, yet the code can still be super simple.

You can add them, it's an open source project. But 3/4 of the buttons you showed are round with an icon, which we already have - https://www.hyperui.dev/components/marketing/buttons#component-4

Thanks for the encouragement! I've just submitted a Pull Request (PR) with some of the Notification Icons designs we discussed.
Regarding the other component ideas, I will create new issues for them later so we can track and discuss them properly. Since we both have busy schedules, let's take this step-by-step and work through the HyperUI improvements gradually.
Looking forward to your feedback on the current PR!