hero-terminal-typewriter

Installation
SKILL.md

Terminal & Typewriter Hero

What this builds

A full-viewport hero section for developer tool or CLI product sites. The centerpiece is a faux terminal window showing code or CLI commands being "typed" character by character with syntax highlighting. Around it sits a headline, subline, and CTA group. The terminal frame looks like a real macOS/Linux terminal with title bar dots, a monospace font, and a blinking block cursor.

  • Faux terminal window with title bar (traffic-light dots or tab style)
  • Character-by-character typing animation with configurable speed
  • Syntax highlighting applied to the typed output (not just plain white text)
  • Blinking block cursor that follows the typing position
  • Multi-line/multi-command sequences with pauses between commands
  • Headline + subline + CTA surrounding the terminal
  • prefers-reduced-motion fallback: all code shown immediately, no animation
  • Mobile-responsive terminal that does not overflow
Installs
2
First Seen
Aug 30, 2026
hero-terminal-typewriter — avnehsbhatia/ultraui