search

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
11.72k stars 460 forks source link

[bug]: /docs/components/sparkles-text #282

Open 0xDynamic opened 2 months ago

0xDynamic commented 2 months ago

I have installed sparkles-text via CLI and also tried to add it manually, but it just outputs bunch of errors when trying to interact with "d:" and "viewBox" attributes. It does show the text but it doesn't have sparkle animations

4B6Xg

wong2 commented 2 months ago

same

sanjay-mali commented 2 months ago

@0xDynamic Can you explain to me?

0xDynamic commented 2 months ago

@0xDynamic Can you explain to me?

Whenever I put <SparklesText text="Magic UI" /> in to use the sparkle text component, it doesn't show the sparkle around the text on website instead it outputs bunch of errors in console like the image I send.

sanjay-mali commented 1 month ago

@0xDynamic In my browser working currently. There is no error in the console.  Try to install using cli. 

pnpm dlx magicui-cli add sparkles-text

Replace pnpm with whatever you use package manager. If you are using javascript, then it's showing this type of error.

0xDynamic commented 1 month ago

@0xDynamic In my browser working currently. There is no error in the console.  Try to install using cli. 

pnpm dlx magicui-cli add sparkles-text

Replace pnpm with whatever you use package manager. If you are using javascript, then it's showing this type of error.

Yes, I've installed it via CLI and I'm using typescript in my nextjs project. It's still showing the error for some reasons

sanjay-mali commented 1 month ago

If you can provide a full image of full errors then I make changes upon it.please Ignore my grammar.