ASCII Text

3D ASCII text effect with Three.js and interactive mouse controls.

Configuring your account...

Please wait while we prepare everything for you

Usage

import ASCIIText from '@/components/bynanaui/ascii-text'

<ASCIIText
    text="ASCII!"
    asciiFontSize={8}
    textFontSize={200}
    enableWaves={true}
    className="h-64 w-full"
/>

Props

PropTypeDefaultDescription
textstring"ASCII!"Text to display
asciiFontSizenumber8ASCII character size
textFontSizenumber200Text font size
enableWavesbooleantrueEnable wave animation
classNamestring-Additional CSS classes