Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Depth Parallax Words

Depth Parallax Words

Pro

Animated React per-word text reveal with scale, vertical drift, and blur for layered depth — product landing page entrance, built with Motion.

Category: Text effects
Built with: React, Tailwind, Motion
Installs: motion
Files: depth-parallax-words.tsx, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Annotated Text

Annotated Text

FreeOpen

Animated Gradient Text

Animated Gradient Text

Flip Text

Flip Text

Animated Shiny Text

Animated Shiny Text

Aurora Text

Aurora Text

Particle Typography

Particle Typography

Blur Text

Blur Text

Flipping Word Swap

Flipping Word Swap