MatrixRain + TerminalText
Canvas-based falling glyph rain and a terminal-style text streamer — composable cyberpunk effects.
Composed: Hero
MatrixRain
Canvas-based falling katakana + latin glyph rain. Configurable via color, speed, density, and glyphSize.
Playground
Customize
#00ff41
1
1
16
0.05
TerminalText
Multiline log stream
With glitch effect
Fast speed, no cursor
Composed: Terminal Window
MatrixRain en fond, TerminalText pour l'intro, puis terminal interactif. Tape help pour voir les commandes.
operator@mainframe — bash
Props
MatrixRain
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#00ff41" | Glyph and glow color |
| speed | number | 1.0 | Multiplier for fall speed |
| density | number | 1.0 | Column spacing multiplier |
| glyphSize | number | 16 | Font size in px |
| fadeOpacity | number | 0.05 | Trail fade per frame (lower = longer trails) |
| class | string | — | Additional CSS classes |
TerminalText
| Prop | Type | Default | Description |
|---|---|---|---|
| lines | string[] | required | Lines to stream one by one |
| speed | number | 40 | Milliseconds per character |
| delay | number | 0 | Initial delay before streaming starts |
| cursor | boolean | true | Show blinking cursor |
| cursorChar | string | "█" | Cursor character |
| glitch | boolean | false | Enable random character glitch effect |
| class | string | — | Additional CSS classes |
| onComplete | () => void | — | Callback when all lines are done |