I've created Textquake, a mobile-first interactive text app that transforms your typed characters into animated blocks on a virtual keyboard! Here's what the app includes:

Key Features:

🎯 Mobile-Optimized Design

• Responsive layout that works perfectly on mobile devices
• Touch-friendly interface with appropriately sized buttons and inputs
• Gradient background for visual appeal

📝 Text Input System

• Text field with 30-character limit (with live counter)
• Real-time character counting
• Enter key support for quick interaction

⌨️ Interactive Virtual Keyboard

• QWERTY layout with three rows
• Keys light up and animate when filled with your characters
• Smooth scaling and color transitions

✨ Textquake Effect

• When you press Enter, your typed characters disappear from the input
• They randomly populate the keyboard keys with animated effects
• Each character appears with a staggered timing for visual impact
• Filled keys get highlighted with color, scaling, and pulsing animation

🎮 User Controls

• Enter button to trigger the effect
• Clear button to reset the keyboard
• Processing state to prevent multiple simultaneous operations

The app captures the essence of your Dutch description - when you type text and press Enter, the characters transform into blocks that randomly fill the keyboard keys, creating a satisfying visual "earthquake" effect across the keyboard layout!

Try typing some text and pressing Enter to see your characters come alive on the keyboard! 🚀