---
title: "Word Depth — Framer component · Best of Framer"
description: "$7.00 · Framer component · by DariStudio · Text. Word Depth reveals a paragraph out of depth: every word starts pushed back along Z, scattered and out of focus, then rises onto the plane…"
canonical: "https://framer.elliotli.dev/component/word-depth"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Word Depth

# Word Depth

Words surface from depth

[View on Framer](https://framer.com/marketplace/components/word-depth/?via=elliot-li)

![Word Depth preview image 1](https://framer.elliotli.dev/og/component/word-depth/e91638c170148618/1600x1200.jpg)

## Summary

Word Depth reveals a paragraph out of depth: every word starts pushed back along Z, scattered and out of focus, then rises onto the plane in reading order and sharpens as it lands.

## Description

Word Depth reveals a paragraph out of depth: every word starts pushed back along Z, scattered and out of focus, then rises onto the plane in reading order and sharpens as it lands. One shared vanishing point makes the words converge rather than slide in parallel. Controls for text, font (Inter by default), color, trigger (in view / on load / on hover), replay, depth, spread, blur, perspective, stagger, duration and seed. Seeded offsets mean no hydration flash; useIsStaticRenderer keeps the canvas and exports clean. Transforms only — the layout never shifts and the text stays selectable.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8311

## Details

- **Author**: DariStudio
- **Price**: $7.00
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing