Skip to content

romitkarmakar/moving-letters

Repository files navigation

Moving Letters

A animejs powered react library to create text animations. Inspired by the works of Tobia Sahlin Moving Letters.

NPM JavaScript Style Guide

Install

npm install --save moving-letters

or

yarn add moving-letters

Usage

import React, { Component } from 'react'
import { GreatThings, BeautifulQuestions, SignalNoise, Thursday, ReadySetGo, SunnyMorning } from 'moving-letters'

export default class App extends Component {
  render () {
    return (
      <React.Fragment>
        <SunnyMorning text='Sunny Morning' />
        <GreatThings text='Great Things' />
        <BeautifulQuestions text="Beautiful Questions" />
        <SignalNoise text1="Signal" text2="Noise" />
        <Thursday text="Thursday" />
        <ReadySetGo text="Ready Set Go Start" />
      </React.Fragment>
    )
  }
}

Demo

You can check the demo at https://romitkarmakar.github.io/moving-letters/

License

MIT © romitkarmakar

About

A animejs powered react library to create text animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages