A text component that swap the letters in a text with a box 3D effect.
motion-sv
SET YOUR MIND TO IT
Installation
pnpm dlx shadcn-svelte@latest add http://sveltekit-prerender/f/letter-3d-swap.json
Install dependencies
Install the required packages for this component:
pnpm add motion-sv
Copy the Source Code
Copy and paste the following code into your project:
letter-3d-swap.svelte
charbox.svelte
index.ts
Folder Structure
Folder Structure
Visit Original Docs
For more deeper understaing visit fancy components documentation.
Examples
Position Example
Let's fo from start
Start from Center
Start from End
Random Stagger
Rotation Example
Left
Right
Top is cool
Goes to Bottom