Line Shadow Text

A text component with a moving line shadow.

motion-sv

Ship Fast

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/line-shadow-text.json

Install the required packages for this component:

pnpm add motion-sv

Copy and paste the following code into your project:

line-shadow-text.svelte

index.ts

Add the following to your routes/layout.css file:

src/routes/layout.css

A component for Line Shadow Text.

Name	Type	Default	Description
`class`	`string`	`""`	`Additional CSS classes to apply`
`shadowColor`	`string`	`"black"`	`Color of the shadow`
`as`	`ElementType`	`"span"`	`HTML element to render as`
`content`	`string`	`""`	`Content of the text`