Installation & details
Sparkles Text by Magic UI. A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars. Try the live React demo, inspect the original source, and install from PODIE.
React · Tailwind CSS · MIT license · Original registry
Added to PODIE · Catalog updated · Page updated
Installation and usage
The published examples target React 19 and Tailwind CSS 4. See the recorded installation tests and their limits; verify compatibility in your own project.
01 — Set up your project
First component? Initialize shadcn once.
pnpm dlx shadcn@latest init02 — Install the component
pnpm dlx shadcn@latest add https://podie.dev/r/magicui--sparkles-text.json03 — Add it to your interface
Import the component from the path created by the installer.
"use client";
import { SparklesText } from '@/components/magicui/sparkles-text';
export default function Example() {
return (
<SparklesText colors={{ first: "#666", second: "#aaa" }}>Pretty.</SparklesText>
);
}Dependencies and distribution
motion The CLI installs declared dependencies. React is a project prerequisite; scenes may include bundled libraries with their own notices.
By Magic UI · MIT license. Original component source and license included.