5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8b9,

Depth Text turns any headline into real 3D lettering: a stack of layers extrudes your text into a solid block that tilts toward the cursor and slowly orbits on its own when nobody’s pointing at it. No WebGL and no images, just live, editable text.

Made to Be Yours

Depth Text is built for full creative control: pick any font, blend the face and depth colors, and dial in how thick and how dramatic the extrusion feels. Make it follow the cursor, orbit on its own, or both, and tune the tilt, perspective, and smoothing until the motion feels exactly right.

Key Features

Depth

Up to 64 layers, with adjustable spacing between them for thin or chunky extrusions
Face and depth colors blend into a smooth gradient through the layers
Optional tinted shadow glow underneath the text

Motion

Follow Cursor: the text tilts toward the pointer
Auto Orbit: a slow, looping drift when the cursor is away, with adjustable speed
Tilt, Perspective, and Smoothing for subtle or bold movement
Touch devices fall back to the orbit, and reduced motion settings are respected

Typography

Any font from the Framer font picker: size, weight, spacing, line height, alignment
Multi-line text with your own line breaks

SEO and Accessibility

Choose the tag: H1, H2, H3, P, or Span
Your text appears only once in the HTML, the depth layers are purely visual
Real, selectable text that screen readers can read

Performance

Pure CSS 3D, no dependencies
Animation pauses automatically when scrolled out of view

How to Set Up

Drag Depth Text onto your canvas
Type your text and pick a font
Set the colors, layers, and depth
Publish

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

5a:[["$","$L5d",null,{"post":{"id":"01a1202d-8d38-737e-b214-86c41e2ddce4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9mASvquU54hYLbEkptxF","resolved":true,"title":"Depth Text","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth Text","marks":[{"type":"bold"}]},{"type":"text","text":" turns any headline into real 3D lettering: a stack of layers extrudes your text into a solid block that tilts toward the cursor and slowly orbits on its own when nobody’s pointing at it. No WebGL and no images, just live, editable text."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Be Yours"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Depth Text is built for full creative control: pick any font, blend the face and depth colors, and dial in how thick and how dramatic the extrusion feels. Make it follow the cursor, orbit on its own, or both, and tune the tilt, perspective, and smoothing until the motion feels exactly right."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Depth"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 64 layers, with adjustable spacing between them for thin or chunky extrusions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Face and depth colors blend into a smooth gradient through the layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional tinted shadow glow underneath the text"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Motion"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Follow Cursor: the text tilts toward the pointer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Orbit: a slow, looping drift when the cursor is away, with adjustable speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt, Perspective, and Smoothing for subtle or bold movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch devices fall back to the orbit, and reduced motion settings are respected"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Typography"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any font from the Framer font picker: size, weight, spacing, line height, alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-line text with your own line breaks"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"SEO and Accessibility"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose the tag: H1, H2, H3, P, or Span"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Your text appears only once in the HTML, the depth layers are purely visual"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real, selectable text that screen readers can read"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Performance"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pure CSS 3D, no dependencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation pauses automatically when scrolled out of view"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Depth Text onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type your text and pick a font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the colors, layers, and depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"Extrude your headlines into 3D","slug":"depth-text","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a1202a-e5e0-7435-95a5-fff400714200.png","metadata":{"tint":{"h":300,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T10:20:18.033Z","updatedAt":"2026-10-09T10:20:18.033Z","publishedAt":"2026-10-09T10:20:18.024Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DepthText3D-BV7GKp.js@90ADpsfXB3KQYZsRsnGZ","previewUrl":"https://depthtext.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"90ADpsfXB3KQYZsRsnGZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T10:20:18.617Z","updatedAt":"2026-10-09T10:20:18.617Z","reported":false}}],"$L5f"]

Suggested for you