Typewriter

A real, playable typewriter in SVG: each key presses down, its typebar swings up to strike the ribbon, and the carriage steps along. Click it and type.

Library

23rd.dev

Framework

React

Type

ui

Install

pnpm dlx shadcn@latest add @23rd/typewriter

Files

• registry/typewriter/typewriter.tsx
• lib/utils.ts
• registry/typewriter/typewriter-vanilla.ts

Source

https://github.com/radiumcoders/23rd.dev

More from 23rd.dev

• ASCII Fluid
• ASCII Logo
• Dither Scan
• Dithered 404
• Folio
• Gooey Color Picker
• Iso Lattice
• Live Orb
• Logo Burst
• Mech Keyboard
• Phosphor Score
• Radiant Lines