I made a new drawing using only HTML & CSS. This time I chose to go for the Muson toy synthesizer. I've been wanting to draw it for a while now, so I'm glad I finally got to do it.
Tutorials: https://fossheim.io
Patreon: https://patreon.com/fossheim
Buy Me A Coffee: https://buymeacoffee.com/fossheim
Other CSS drawings I've made:
Top comments (41)
Woah these look awesome. I'd love to add sound functionalities for them!
All the best it'll be great..I'll love to see that.. 🔥🔥
What libraries would you use to do this?
If you want actual synthesis and sequencing capabilities, you should probably have a look at Tone.js. It's a really powerful framework for the WebAudio API. But if all you want is to play samples, howler sould be sufficient.
howlerjs.com/ :)
So so cool!!
I got some tunes to go with it...
Lisa Bella Donna playing a Moog One synthesizer outdoors. 👇
If you don't say it it could perfectly be taken for an Illustrator vector graphic. Well, at the end it's a vector graphic just built from the less expected language. Great for you! Keep on pushing the boundaries, that's what make us all evolve.
Simply amazing! 👏👏👏
Wow, they're really well done!
Perfect (:
Amazing work!!! WOW
These are an amazing display of skills. Congratulations. :)
Oh! I remember seeing your Polaroid codepen. I absolutely love the softness of your new CSS drawing.
Thank you! 🙌🏻
Omg, this is amazing!
Keep up with the nice work!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.