WriteIt.js is javascript library for text writing effect.
It is completely attribute based system. tweak few attribute and get completly new animation, you don't need to write single line of javscript :-).
It can run over 100s of instances simultaneously.
Documentation on: https://khushit-shah.github.io/WriteIt.js
Example On: https://khushit-shah.github.io/WriteIt.js/terminal-app/index.html
- Download .zip file and extract writeit.js to your javascript folder and add
<body writeit-auto-start>
<p writeit-animate>CursorJS is <b>best</b> text writing effect <i>javascript library</i></p>
<script src="/path/to/WriteIt.min.js"></script>
<!--- or -->
<script src="https://cdn.jsdelivr.net/gh/khushit-shah/WriteIt.js@latest/WriteIt.min.js"></script>
</body>- writeit-animate
- writeit-auto-start
- writeit-char
- writeit-replace-next
- writeit-speed
- writeit-speed-fixed
- writeit-has-prev
- writeit-start-delay
- writeit-loop
- writeit-next
- writeit-hidden
- writeit-no-blink
- writeit-loop-reverse
- writeit-wait-in-reverse
- writeit-write-all-in-reverse
- Short Description.
- Browser Information.
- Console Errors.
- Expected Behaviour.
- If you want new functionality, Add it to title.
- Add functionality to repeat the animation for specific number of times
- writeit-loop='<x>' : to repeat the animation x number of times
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent