Morse Studio brings an interactive, fully functional Morse code generator and practice tool straight into your Framer projects. Whether you want to add a unique easter egg to a 404 page, build an engaging portfolio piece, or level up a launch page, this component lets your visitors translate, listen, and visualize code directly on your site. Just drop it in, customize the styling to match your brand, and let your users start transmitting.
The component converts text input into real time Morse code audio and visual signals. It features an integrated audio oscillator with adjustable speed and pitch, a live visual oscilloscope wave, and toggleable feedback modes like device vibration and screen flashes. It also includes a dedicated Practice Mode for learning and an instant playback system.
Audio & Playback: Control the playback speed via WPM (Words Per Minute), adjust the tone frequency in Hz, change the volume, and toggle Auto Play.
Visuals & Feedback: Show or hide the live Oscilloscope, and turn individual feedback options like Vibration, Flash, and Practice Mode on or off.
Themes & Styling: Switch between distinct style presets like Dark, Vintage Telegraph, and Minimal.
Colors & Branding: Fully customize the background, dot color, dash color, and active playing color to perfectly match your website design.
404 and empty state pages
Creative portfolios and personal site landing pages
Interactive launch and product landing pages
Tech, cybersecurity, or retro themed website sections
Fun interactive mini games and easter eggs
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
