Skip to content

WriterJS is a plugin that you can use to add an amazing writing effect to your website.

Notifications You must be signed in to change notification settings

aymanar/writerjs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WriterJS

WriterJS is a plugin that you can use to add an amazing writing effect to your website.

Installation

CSS

Include the writer.css file in src folder to the <head> of your page before your main stylesheet.

<link rel="stylesheet" href="https://eissapk.github.io/writerjs/src/writer.min.css">	

JS

Include the writer.js file in src folder to the <body> of your page.

<script src="https://eissapk.github.io/writerjs/src/writer.min.js"></script>

Example

Add this tag in your <body>

<span class="writer-text" data-sentences="test one <(*)>test two <(*)>test three" data-wait-sentence="3000" data-wait-letter="100"></span>

data-sentences

Holds all sentences you want to add, seperated by this symbol <(*)>

data-wait-sentence

This refers to the amount of time in milliseconds until switching to the next sentence.

data-wait-letter

This refers to the speed of typing each letter in milliseconds.

Why that symbol <(*)> ?

I wanted it to be unique, for avoiding any bugs.

About

WriterJS is a plugin that you can use to add an amazing writing effect to your website.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 68.5%
  • JavaScript 25.5%
  • CSS 6.0%