0.0.9 • Published 1 month ago
untyper v0.0.9
^^_^^ untyper
Looking forward to your feedback
Live demo
A simple typewriter for browser,Typing effects can be achieved using chained methods
🛹 TODO
- support custom typing effect
- support custom cursor
- support move cursor
- support add any document node
- ...
🚀 Feature
- use Web Animations API Api to achieve typing effect
- Support custom typing speed
Support chained methods
📦 Install
npm install untyper
Usage
import { UnTyper } from 'untyper'
const text = document.querySelector('#text')
const unTyper = new UnTyper(text, { speed: 100, startDelay: 1000 })
unTyper.type('hi', { delay: 200 }).go()
Api
type
Warning: only support string input
- text
string
- opts:
object
{ delay?:number
, startDelay:number
, animationspancontent:string
, animate: { cancel:boolean
, },} outputthis
pause
input
- ms
number
outputthis
delete
input
- charAt:
number
> 0- opts:
object
-> delay?:number
outputthis
move
input
- movementArg:
number | null
- opts?:
object
-> {to?:string
, delay?:number
} outputthis
add
input
- text
string | HTMLElement
- opts:
object
-> delay?:number
outputthis
go
output
Promise
License
0.0.9
1 month ago
0.0.8
1 month ago
0.0.7
10 months ago
0.0.6
11 months ago
0.0.5
1 year ago
0.0.4
1 year ago
0.0.3
2 years ago
0.0.3-alpha.2
2 years ago
0.0.3-alpha.1
2 years ago
0.0.2-alpha.1
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
0.0.0
2 years ago