lourenc / Tinytyper
Licence: mit
⌨️ A tiny library for creating a typing effect on specified text element.
Stars: ✭ 173
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Tinytyper
Typical
Typical: Fast, simple, & correct data-validation using Python 3 typing.
Stars: ✭ 111 (-35.84%)
Mutual labels: typing
Falling Words Typing Game
This is the source code for a Falling Words Typing Game created in Unity during a Twitch Livestream.
Stars: ✭ 31 (-82.08%)
Mutual labels: typing
Norman
Norman keyboard layout - alternative to QWERTY for touch typing in English
Stars: ✭ 112 (-35.26%)
Mutual labels: typing
Ghosttypewriter
👻 A UILabel subclass that adds a typewriting animation effect
Stars: ✭ 159 (-8.09%)
Mutual labels: typing
Mob Suite
MOB-suite: Software tools for clustering, reconstruction and typing of plasmids from draft assemblies
Stars: ✭ 32 (-81.5%)
Mutual labels: typing
Vscode Smoothtype
VS Code extension to add cursor transitions while typing, similar to MS Office and the Windows 10 Mail app.
Stars: ✭ 54 (-68.79%)
Mutual labels: typing
Dataclass factory
Modern way to convert python dataclasses or other objects to and from more common types like dicts or json-like structures
Stars: ✭ 116 (-32.95%)
Mutual labels: typing
Keystroke dynamics
a keystroke dynamics algorithm in python (recognizes a person by the way s/he types)
Stars: ✭ 21 (-87.86%)
Mutual labels: typing
Typescript Vs Flowtype
Differences between Flowtype and TypeScript -- syntax and usability
Stars: ✭ 1,671 (+865.9%)
Mutual labels: typing
Typing
Work related to PEP 484: typing.py and typing_extensions.py (both released via PyPI) and issue tracker for type system bugs/features.
Stars: ✭ 878 (+407.51%)
Mutual labels: typing
Typer
A JavaScript typing library with sexy syntax and diddly dependencies.
Stars: ✭ 111 (-35.84%)
Mutual labels: typing
Supertextview
🎀 SuperTextView for Android 是一个在TextView的基础上扩展了几种动画效果的控件。
Stars: ✭ 165 (-4.62%)
Mutual labels: typing
Typedload
Python library to load dynamically typed data into statically typed data structures
Stars: ✭ 120 (-30.64%)
Mutual labels: typing
⌨️ TinyTyper - a tiny library for creating a typing effect on specified text element.
Demo
Size (It's really tiny)
- Minimized: 2.9KB
- Gziped: 1.1KB
Installation
Library can be easily installed via either NPM or Bower:
npm i tinytyper --save
OR
bower i tinytyper --save
Usage
Basic setup looks like this:
import TinyTyper from 'tinytyper';
const el = document.querySelector('.text-el')
const options = { /* . . . */ }
const instance = new TinyTyper(el, options)
In case you need to run animation again:
instance.animate()
Available options:
| Option | Default | Description |
|---|---|---|
text |
innerText of specifed element |
Sets a text to be displayed |
textSpeed |
95 |
Defines text speed animation |
cursor |
▌ |
Defines current cursor symbol |
blinkSpeed |
0.05 |
Defines blink speed of a cursor |
cursorClass |
tiny-typer-cursor |
A CSS class for cursor element |
textClass |
tiny-typer-text |
A CSS class for text element |
staticCursor |
false |
Makes cursor static (disables blinking) |
staticText |
false |
Makes text static (disables animation) |
Contributions
Contributions are welcome. Feel free to create issues and PRs
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].