NOTE: This version of the documentation tracks unstable development happening on A-Frame’s master branch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 0.7.0 version

Wraps the text component.


<a-text value="Hello, World!"></a-text>


Attribute Component Mapping
align text.align
alpha-test text.alphaTest
anchor text.anchor
baseline text.baseline
color text.color
font text.font
font-image text.fontImage
height text.height
letter-spacing text.letterSpacing
line-height text.lineHeight
opacity text.opacity
shader text.shader
side text.side
tab-size text.tabSize
transparent text.transparent
value text.value
white-space text.whiteSpace
width text.width
wrap-count text.wrapCount
wrap-pixels text.wrapPixels
z-offset text.zOffset


To interact with the text via raycaster or cursor, we need to add geometry like a plane to the text.

<a-text value="Now Interactable" geometry="primitive:plane"></a-text>