DEV Community

Cover image for I drew a synthesizer with HTML & CSS
Sarah
Sarah

Posted on

I drew a synthesizer with HTML & CSS

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.

Muson drawn in HTML & CSS

Tutorials: https://fossheim.io

Patreon: https://patreon.com/fossheim

Buy Me A Coffee: https://buymeacoffee.com/fossheim

Other CSS drawings I've made:


More on CodePen and GitHub.

Latest comments (42)

Collapse
 
luiz0x29a profile image
Real AI

I bet it would be easier to draw in Inkscape and export SVG, doing it manually on CSS is kind of insane, its cool, but a bit insane

Collapse
 
sergeyie profile image
Sergey Ieffe

Great drawings.

Collapse
 
hedgybeats profile image
hedgybeats • Edited

This is so awesome!!!
I added some functionality to the toy synth, you can check it out at laytonhedges.co.za/

Collapse
 
muzammilaalpha profile image
muzammilaalpha

Nice one!

Collapse
 
nedzen profile image
Marius

This is amazing. I love it.

Collapse
 
mainstreetswagger profile image
mainstreetswagger

mind blowing

Collapse
 
akshaypatel99 profile image
laidbackak

Incredible work!

Collapse
 
lhckb profile image
Luís Cruz

these are awesome! they look like an actual photo, well done

Collapse
 
wanzargen profile image
WANJIN

Cooool!!!

Collapse
 
sagarnaik12 profile image
sagarnaik12

These are so goood.

Collapse
 
1ak31sha profile image
Lakeisha

these are mad sick yoo. im inspired <3

Collapse
 
calag4n profile image
calag4n

Wow, you've made such a huge work !
It's awesome 👏.

Collapse
 
chomadev profile image
Marcos Braga Choma

beautiful!

Collapse
 
tptshoe profile image
Mark Flegg

Wow, these are fantastic!! You have amazing skills!!

Some comments may only be visible to logged-in visitors. Sign in to view all comments.