awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
mattboldt avatar

mattboldt/typed.js

0
View on GitHub↗
16,276 stars·1,762 forks·JavaScript·10 viewswww.mattboldt.com/demos/typed-js↗

Typed.js

Typed.js is a JavaScript typing animation library and DOM text animator used to simulate a user typing and erasing text. It serves as a frontend animation tool for creating dynamic text transitions and visual effects within HTML elements.

The library distinguishes itself through the ability to render animated typing sequences directly inside the placeholder attribute of HTML input fields. It also supports reading animation strings from static HTML elements to maintain search engine visibility and accessibility.

The tool covers animation control with configurable timing and playback state management, along with visual customization for typing cursors and transitions. It includes an event-driven callback system to trigger functions at specific milestones and supports HTML rendering for formatted elements.

Features

  • Typing Simulation Tools - Implements a library specifically designed to create the visual effect of text being typed and erased in real-time.
  • Typing Simulations - Simulates a user typing and erasing strings of text with configurable speeds and looping behaviors.
  • Animations and Effects - Provides a client-side script for creating dynamic text effects using customizable delays and callbacks.
  • Animation Timing Engines - Controls the speed and duration of each character insertion and deletion using customizable millisecond delays.
  • Animation Loops - Manages character position and string index through a timed cycle of typing and erasing.
  • Animation Playback Controls - Provides methods to start, stop, toggle, and reset the typing animation sequence.
  • Input Placeholders - Injects typing animations into the placeholder attribute of input fields and handles focus events.
  • Animated - Injects animated text specifically into the placeholder attribute of input fields instead of standard inner HTML.
  • Animated Placeholders - Provides a specialized utility to render animated typing sequences directly inside HTML input placeholders.
  • Text Animations - Creates visual effects that mimic a user typing and erasing text to draw attention to content.
  • Typing Sequence Callbacks - Executes custom callbacks when typing begins, a string completes, or the entire sequence finishes.
  • Transition-Aware Prefix Matching - Detects common prefixes between strings and erases only differing parts to make transitions smoother.
  • Event-Driven Callbacks - Triggers user-defined functions at specific milestones like string completion or sequence end.
  • Typing Pause Simulators - Introduces specific time delays at designated points within strings to simulate natural human typing pauses.
  • UI Visual Effects - Implements simulated typing and backspacing animations to present information rhythmically.
  • HTML Content Renderers - Displays formatted HTML elements and special characters within the typing sequence.
  • Text Animation Libraries - Library for typing animations.

Star history

Star history chart for mattboldt/typed.jsStar history chart for mattboldt/typed.js

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Typed.js

Similar open-source projects, ranked by how many features they share with Typed.js.
  • hanks-zyh/htextviewhanks-zyh avatar

    hanks-zyh/HTextView

    5,642View on GitHub↗

    HTextView is an animated text rendering library and UI motion design framework used to create dynamic text effects such as typing and fading. It serves as a text motion engine and typography tool for applying visual transitions and movement to text elements on a screen. The library integrates custom typography support, allowing the loading of external typeface files to apply specific branding and styles to animated presentations. It utilizes a motion engine to animate the scale and opacity of text, facilitating fluid visual transitions. The system manages these effects through a frame-based

    Javaandroidanimation-effectsanimations
    View on GitHub↗5,642
  • chrisbuilds/terminaltexteffectsChrisBuilds avatar

    ChrisBuilds/terminaltexteffects

    3,892View on GitHub↗

    This project is a terminal graphics library and command-line visual effects tool designed to create dynamic motion graphics using ANSI escape sequences. It provides a framework for implementing an ANSI text animation engine and a motion processor that handles the movement of characters along paths within a shell environment. The tool is distinguished by its wide array of pre-defined visual effects, ranging from simulated environmental phenomena like thunderstorms and fire to high-tech reveals such as laser etching and decryption animations. It also supports extensibility through a plugin-base

    Pythonascii-artterminal-basedvisual-effects
    View on GitHub↗3,892
  • bradley/blotterbradley avatar

    bradley/Blotter

    3,078View on GitHub↗

    Blotter is a WebGL text rendering engine and fragment shader text visualizer. It provides a system for composing and previewing stylized text effects by applying custom GLSL fragment shaders to text elements on a web canvas. The project includes a shader editor for defining and updating custom shader logic and uniforms in real time. This interface allows for the creation of unique visual styles and the modification of rendering variables without reloading the underlying logic. The engine incorporates performance optimizations for WebGL rendering, utilizing texture atlas batching and a single

    JavaScriptanimationcreative-codingcss
    View on GitHub↗3,078
  • denvercoder1/readme-typing-svgDenverCoder1 avatar

    DenverCoder1/readme-typing-svg

    8,352View on GitHub↗

    This project is an animated SVG text generator used to create customizable vector graphics for profile pages and repository documentation. It produces images that feature typing animations and rotating text phrases to enhance the visual presentation of personal or project profiles. The tool includes a generator for simulating a typing effect and another for cycling through multiple text phrases. Users can configure specific fonts, colors, and animation timings to create stylized assets and themed text sequences. The system generates these graphics on the fly by parsing URL parameters into vi

    PHPanimationdynamicgithub
    View on GitHub↗8,352
See all 30 alternatives to Typed.js→

Frequently asked questions

What does mattboldt/typed.js do?

Typed.js is a JavaScript typing animation library and DOM text animator used to simulate a user typing and erasing text. It serves as a frontend animation tool for creating dynamic text transitions and visual effects within HTML elements.

What are the main features of mattboldt/typed.js?

The main features of mattboldt/typed.js are: Typing Simulation Tools, Typing Simulations, Animations and Effects, Animation Timing Engines, Animation Loops, Animation Playback Controls, Input Placeholders, Animated.

What are some open-source alternatives to mattboldt/typed.js?

Open-source alternatives to mattboldt/typed.js include: hanks-zyh/htextview — HTextView is an animated text rendering library and UI motion design framework used to create dynamic text effects… chrisbuilds/terminaltexteffects — This project is a terminal graphics library and command-line visual effects tool designed to create dynamic motion… bradley/blotter — Blotter is a WebGL text rendering engine and fragment shader text visualizer. It provides a system for composing and… denvercoder1/readme-typing-svg — This project is an animated SVG text generator used to create customizable vector graphics for profile pages and… airbnb/lottie-android — Lottie-android is a native vector animation engine and library for Android that parses JSON specification files into… juliangarnier/anime — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties,…