Skip to content

khushit-shah/WriteIt.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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