GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ gielcobben β†’ use-typewriter

gielcobben / use-typewriter

Licence: other
useTypewriter

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
typescript
32286 projects
HTML
75241 projects

Labels

reactopen-sourcehookstypewriter

Projects that are alternatives of or similar to use-typewriter

useCustomHooks
πŸ“¦ npm package containing a set of custom hooks for your next React project.
Stars: ✭ 12 (-72.09%)
Mutual labels:  hooks
use-double-tap
React hook for handling double tap on mobile devices
Stars: ✭ 18 (-58.14%)
Mutual labels:  hooks
git-toolkit
Gitε·₯具集
Stars: ✭ 35 (-18.6%)
Mutual labels:  hooks
UniversalUnityHooks
A framework designed to hook into and modify methods in unity games via dlls
Stars: ✭ 78 (+81.4%)
Mutual labels:  hooks
laravel-react-spa
A Laravel-React SPA starter project template.
Stars: ✭ 94 (+118.6%)
Mutual labels:  hooks
Portfolio-2020
Simple reactjs portfolio of Motasim Foad
Stars: ✭ 102 (+137.21%)
Mutual labels:  hooks
use-smooth-scroll
React hook which gives a smooth scrolling function.
Stars: ✭ 41 (-4.65%)
Mutual labels:  hooks
react-hooks-library
A collection of hooks and utilities for modern React
Stars: ✭ 236 (+448.84%)
Mutual labels:  hooks
book-fullstack-react-with-typescript
Working through the code samples from Fullstack React with Typescript by Maksim Ivanov and Alex Bespoyasov
Stars: ✭ 52 (+20.93%)
Mutual labels:  hooks
amplify-material-ui
A Material-UI based implementation of aws amplify
Stars: ✭ 32 (-25.58%)
Mutual labels:  hooks
react-808
808 Drum Machine built using React.js hooks API
Stars: ✭ 51 (+18.6%)
Mutual labels:  hooks
react-breakpoints
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" πŸ¦„
Stars: ✭ 74 (+72.09%)
Mutual labels:  hooks
material-ui-color
The lightest colorpicker, palette, colorinput, colorbutton ⚑ No dependencies. It uses React hooks, support Typescript theming and more !
Stars: ✭ 125 (+190.7%)
Mutual labels:  hooks
react-ua
πŸ“±React User Agent Component, Hook, and HOC. SSR-ready, full UT, using new React Context and Hooks API
Stars: ✭ 18 (-58.14%)
Mutual labels:  hooks
react-ecommerce
E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript
Stars: ✭ 136 (+216.28%)
Mutual labels:  hooks
use-images-loaded
πŸ–ΌοΈ Returns true once all the images inside a container are loaded
Stars: ✭ 82 (+90.7%)
Mutual labels:  hooks
basic-component
Basic ui component based on React.
Stars: ✭ 11 (-74.42%)
Mutual labels:  hooks
useCookie
A React hook for managing cookies with no dependencies.
Stars: ✭ 119 (+176.74%)
Mutual labels:  hooks
react-reads
Recommended tools, curated articles to learn more about react-ecosystem and some common implementation logics in react,ts,next.
Stars: ✭ 19 (-55.81%)
Mutual labels:  hooks
react-hooks
Custom react hooks
Stars: ✭ 21 (-51.16%)
Mutual labels:  hooks
View All Similar Projects βž”

Hook: Typewriter

Installation

Install using Yarn:

yarn add use-typewriter

or NPM:

npm install use-typewriter --save

Usage

Basic

import React from "react";
import useTypewriter from "use-typewriter";

const Component = () => {
  const currentWord = useTypewriter({
    words: ["Hello World"]
  });

  return <div>{currentWord}</div>;
};

API

Options

Name Type Default Required Description
words string[] [] Yes An array of words you want to be typed.
min number 10 No Minimum amount in ms of delay between letters.
max number 80 No Maximum amount in ms of delay between letters.
wordDelay number 2000 No Delay in ms between words in the array.
eraseDelay number 1000 No Delay in ms before earsing the word

License

use-typewriter is MIT licensed.

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