3D Text Embed – Documentation

A simple embeddable 3D text viewer built with Three.js.
View on GitHub → FastedNgoding/3d-text-embed

What Is This?

This tool lets you display 3D text directly in the browser with lighting, bevel, animation, and customizable style using just URL parameters.

Parameters

Parameter	Type	Description	Example
text	string	The 3D text to show	?text=Hello
color	string	Hex (no #) or name	?color=11eee7
animation	string	idle, rotate, bounce, none	?animation=rotate
transparent	boolean	Transparent background	?transparent=true

How to Embed (iframe)

<iframe 
  src="https://fastedngoding.github.io/3d-text-embed/src/models.html?text=Welcome&color=red&animation=idle&transparent=true"
  style="width:100%; height:300px; border:none;" 
  allowfullscreen></iframe>

Color Tips

• Use simple names like white, red, etc.
• Or use hex values like 11eee7 (or %2311eee7)
• Don’t use # directly in URLs — encode it or omit it

Thank You

• God — for creativity and everything good 🙏
• Myself — because I’m eager to keep learning
• ChatGPT — for coding and logic support
• Three.js — for the amazing 3D engine
• You — for using and sharing this ❤️

<iframe 
  src="https://fastedngoding.github.io/3d-text-embed/src/models.html?text=Selamat+Datang&color=11eee7&animation=rotate" 
  style="width:100%; height:300px; border:none;" 
  allowfullscreen></iframe>