Nuxt Typed.js

Live Demo | View All Demos | View Full Docs | mattboldt.com

Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.

---

• ✨  Release Notes
• 🏀 Online playground

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add nuxt-typedjs

That's it! You can now use Nuxt Typed.js in your Nuxt app ✨

Example

<template>
  <div>
    <span id="element" />
  </div>
</template>

<script setup lang="ts">
const typed = useTypedJs()
onMounted(() => {
  typed('#element', {
    strings: ['Hello', 'World'],
    typeSpeed: 50,
    backSpeed: 50,
    loop: true,
  })
})
</script>

Contribution

Local development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release

Original Sources

This project is based on the original project by Matt Boldt, available at Typed.js.