FastHTML and MonsterUI Time Converter
A FastHTML app that converts times to different timezones, and to Discord timestamps.
javascript
7 posts
Alarm Sounds App
Demo of adding sounds to a FastHTML app with Tone.js. Sounds make web apps come alive and feel interactive.
Alarm Clock Sounds
FastHTML MonsterUI example app that uses Tone.js to make different alarm clock sounds.
Showing Claude Artifacts in Jupyter Notebooks
I prompted Claude 3.5 Sonnet to make an HTML and vanilla JS birthday app for my daughter who just turned six. Then I figured out how to show the artifact inline in a Jupyter notebook.
FastHTML Piano, Part 3
Adding a settings bar with a volume slider and waveform selector to the piano.
FastHTML Piano, Part 2
In Part 1 we defined piano keys. Now let's improve them with hover effects, mouse events, and JavaScript audio.
FastHTML Piano, Part 1
My adaptation of https://developer.mozilla.org/en-US/play to FastHTML, with improvements.