[special effect] gradient border

magicuidesign / magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

https://magicui.design

MIT License

8.05k stars 308 forks source link

[special effect] gradient border #145

Open dillionverma opened 2 months ago

dillionverma commented 2 months ago

https://x.com/jh3yy/status/1800608072391340255

We should make an easy to use example using react + typescript + tailwindcss which people can copy + paste into their apps

bonus points for props with configurability

DoffuXx commented 2 months ago

Hi, I have made the component, but I didn't follow his CSS 100% because I encountered problems with Tailwind; it doesn't support that CSS. So, I made it similar to the example. What do you think?

Here's The code

dillionverma commented 2 months ago

this looks really good haha

just put up a PR and I can review the custom CSS and give feedback on how we can make it clean / simple