The Wayback Machine - https://web.archive.org/web/20220416232934/https://github.com/khushit-shah/WriteIt.js
Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

WriteIt.js

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

Installation

  • 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>

Functionalities

  • 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

Issue Template

  • Short Description.
  • Browser Information.
  • Console Errors.
  • Expected Behaviour.
  • If you want new functionality, Add it to title.

TODO

  • Add functionality to repeat the animation for specific number of times
    • writeit-loop='<x>' : to repeat the animation x number of times