All Projects → catalinmiron → React Typical

catalinmiron / React Typical

React typing animation in ~400 bytes 🐡 of JavaScript.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Typical

react-typewriter-js
Simple vanilla JS script to simulate text typewriting effect.
Stars: ✭ 18 (-96.69%)
Mutual labels:  typing
typey-type
Typey Type for Stenographers is a free typing app designed specifically to help steno students practise and rapidly master stenography.
Stars: ✭ 51 (-90.62%)
Mutual labels:  typing
Vue Typed Js
Typed.js integration for vue.js. Create a typing animation.
Stars: ✭ 285 (-47.61%)
Mutual labels:  typing
emojityper
Github said "Error saving your changes: Description contains unicode characters above 0xffff" when I put the FACE LAUGHING WITH TEARS OF JOY emoji in this box
Stars: ✭ 76 (-86.03%)
Mutual labels:  typing
vue-typical
🐡 Vue Animated typing in ~400 bytes of JavaScript
Stars: ✭ 121 (-77.76%)
Mutual labels:  typing
typing-test
Typing test website build with React
Stars: ✭ 33 (-93.93%)
Mutual labels:  typing
prisma-client-py
Prisma Client Python is an auto-generated and fully type-safe database client designed for ease of use
Stars: ✭ 739 (+35.85%)
Mutual labels:  typing
Objectmodel
Strong Dynamically Typed Object Modeling for JavaScript
Stars: ✭ 415 (-23.71%)
Mutual labels:  typing
typesentry
Python 2.7 & 3.5+ runtime type-checker
Stars: ✭ 19 (-96.51%)
Mutual labels:  typing
Mypy Pycharm Plugin
A simple plugin that allows running mypy from PyCharm and navigate between errors
Stars: ✭ 274 (-49.63%)
Mutual labels:  typing
typetta
Node.js ORM written in TypeScript for type lovers.
Stars: ✭ 44 (-91.91%)
Mutual labels:  typing
flake8-type-checking
Flake8 plugin for managing type-checking imports & forward references.
Stars: ✭ 38 (-93.01%)
Mutual labels:  typing
Typer.js
Typing effect completely configurable in HTML.
Stars: ✭ 111 (-79.6%)
Mutual labels:  typing
typed-argument-parser
Typed argument parser for Python
Stars: ✭ 259 (-52.39%)
Mutual labels:  typing
Pytype
A static type analyzer for Python code
Stars: ✭ 3,545 (+551.65%)
Mutual labels:  typing
meiga
🧙 A simple, typed and monad-based Result type for Python.
Stars: ✭ 24 (-95.59%)
Mutual labels:  typing
Typon
A multi-featured typing practice tool that runs on a terminal emulator which can turn any text file into a typing game.
Stars: ✭ 53 (-90.26%)
Mutual labels:  typing
Enforce
Python 3.5+ runtime type checking for integration testing and data validation
Stars: ✭ 502 (-7.72%)
Mutual labels:  typing
Sqlalchemy Stubs
Mypy plugin and stubs for SQLAlchemy
Stars: ✭ 396 (-27.21%)
Mutual labels:  typing
datatyping
Pythonic type checking
Stars: ✭ 37 (-93.2%)
Mutual labels:  typing

react-typical

React Animated typing in ~400 bytes 🐡 of JavaScript.

DEMO

React Typical

Based on awesome typical library by @camwiegert

NPM JavaScript Style Guide

React-Typical - Animated typing without the headaches

Youtube Video Tutorial

react-typing-indicator-thumbnail-v2

Install

npm install --save react-typical

Usage

import React, { Component } from 'react'
import Typical from 'react-typical'

class Example extends React.Component {
  render () {
    return (
      <Typical
        steps={['Hello', 1000, 'Hello world!', 500]}
        loop={Infinity}
        wrapper="p"
      />
    )
  }
}

Properties

prop mandatory type Eg.
steps yes [] ['Hello', 1000, 'World']
wrapper no string 'p'
loop no number 3

License

This library is based on @camwiegert/typical work and it currently is just a wrapper for react.

MIT © catalinmiron

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].