@@include('_head.html')

@@include('_navbar.html', { "classList": "center-nav transparent navbar-light", "otherClassList": "w-100 d-flex ms-auto", "otherLanguageSelect": true, "otherBtn": true, "otherBtnClassList": "btn-sm btn-primary rounded-pill", "otherBtnText": "Contact", "otherBtnLink": "@@webRoot/contact.html" })

Text Animations

Add animations to text easily with pure HTML interface. For further plugin documentation please visit Typer.js docs or ReplaceMe.js docs

@@include('docs/_sidebar.html', {"page": "elements-text-animations"})

Typer

Sandbox is effortless and powerful with

View example's code

<span class="typer text-primary" 
      data-loop="false" 
      data-delay="100" 
      data-words="easy usage,fast transactions,secure payments">
</span><span class="cursor text-primary" data-owner="typer"></span>

Typer with Loop

Sandbox focuses on

View example's code

<span class="typer text-primary" 
      data-delay="100" 
      data-words="customer satisfaction,business needs,creative ideas">
</span><span class="cursor text-primary" data-owner="typer"></span>

Rotator

Sandbox is effortless and powerful with easy usage,fast transactions,secure payments

View example's code

<span class="rotator-fade text-primary">easy usage,fast transactions,secure payments</span>

<span class="rotator-zoom text-primary">easy usage,fast transactions,secure payments</span>

@@include('docs/_footer.html') @@include('_page-progress.html') @@include('_scripts.html')