Spelte

Command Palette
Search for a command to run...

Special Text

Animated text with scramble effect.

Installation

pnpm dlx shadcn-svelte@latest add https://spelte.dev/r/special-text.json

Usage

<script>
  import SpecialText from '$registry/spelte/special-text.svelte';
</script>
 
<SpecialText text="SPELTE" />

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | text | string | — | Text to animate with scramble effect | | speed | number | 20 | Animation speed in ms (lower = faster) | | delay | number | 0 | Delay before animation starts (seconds) | | inViewProp | boolean | false | Trigger only when in viewport | | once | boolean | true | Only animate once | | class | string | — | Additional CSS classes |