Skip to content

keenlychuang/diff-grid-text

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Diffusion Text Generator

A minimalist intro animation where text emerges from digital chaos. Characters randomly cycle through ASCII/Unicode symbols before converging into your message.

Features

  • Diffusion Effect: Random characters morph into target text
  • Multi-line Support: Cycles through multiple text lines automatically
  • Visual Effects: Highlight, underline, or particle effects on character lock-in
  • 3D Grid Background: Animated perspective grid with waves
  • Export Ready: Generate WebM/MP4 videos for GitHub profiles or presentations

Quick Start

  1. Open index.html in your browser
  2. Enter your text (one line per line)
  3. Adjust settings in the control panels
  4. Click ▶️ Start to begin
  5. Use 📥 Export to save as video

Customization

  • Timing: Speed, convergence delay, hold duration
  • Visuals: 8 fonts, custom colors, convergence effects
  • Background: Grid or dots with adjustable wave effects
  • Export: High-quality video with progress tracking

Usage Examples

Your Name
Software Engineer
GitHub: @username

Perfect for personal branding, portfolio sites, or any project needing a unique animated touch.

License

MIT - Use freely for personal or commercial projects.

About

Generate an intro gif for your readme. Animation inspired by diffusion.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published