Heading Layer

You can find the Heading layer in the Slide Editor.

⚠️ Warning: This layer only has partial support for HTML tags in the text. Only these tags are accepted: <a>, <span>, <sub>, <sup>, <em>, <i>, <var>, <cite>, <b>, <strong>, <small>, <bdo> and their closing tags. HTML tags other than these won't work!

Starting from the following tags are also accepted: del, bdi, ins

Heading layers are texts wrapped around HTML heading tags of your choice.




The text which will appear on your slide.


You can choose the heading's importance from <h1> to <h6> . You can also choose to display the text inside a simple <div> .

Full width

You can choose to make your heading to only have the width of the text, or to make it Full width, which will make it as wide as the layer is. This option is mostly important for the style background color, or the font aligning.

No wrap

When enabled, it prevents the text from breaking into more lines. If the content can't fit into the slide, it will be cropped.



You can put a link on the layer. Learn more about the link options at the Link documentation.

Target window

Specifies where to open the linked document.


The rel attribute specifies the relationship between the current document and the linked document.

Text animation Pro

You can create a whole new animation for your text only, separated from the layer animation. The Text animation splits the entered text into characters or words, and move them separately. Check out in action!


You can set an incoming text animation. The Delay applies to the incoming text animation.


You can set an outgoing text animation. The Delay applies to the outgoing text animation.

Transform origin

The animations are played from this point. The 0,0,0 position is the top left corner of the text.

Backface visibility

The backface-visibility defines whether the back of an element should be visible or not when it's rotated to face the screen.

Text animation


You can select if you would like this animation to be applied to Chars (characters), Words or Lines.


The animation doesn't have to be played in the order of the parts, and you can change that here.


The pace of the animation. You can see them here.


This is the time that passes between the part animations.


This is how long it takes to finish the whole animation.


The starting transparency of the text.


This is how much bigger the chars / words / lines will be at the start based on their original sizes.


The starting distance from the original position.


The starting angle from the original position

RTL texts with text animation

Texts with RTL direction are a complex matter. Some RTL texts are not supported by the text animation due to this technical limitation. If you are using a kind of RTL text where your characters are staying separate (for example Hebrew), then add this code to the Style tab -> open the "More" settings -> CSS field:


Advanced Pro


When you hover over your heading and you give a title to it, that will appear.

CSS class

You can add a custom css class, that will be on the h tag.


Learn more about the styling options in the tutorial video.


At the Presets you can save down your Typography and Style settings.


Learn about the typography options at the Layer Typography & Design documentation.


Learn about the background options at the Layer Typography & Design documentation.


Learn about the border options at the Layer Typography & Design documentation.


Learn about the spacing options at the Layer Typography & Design documentation.


Learn about the responsive options at the Layer Style documentation.


Learn more about the effect options at the Layer Style documentation.


Learn more about the advanced options at the Layer Style documentation.


Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.