How to send kafka message in webpage

I have a web page which needs send kafka message to a topic. The web is using vuejs. And I tried using npm "kafka-node" and "kafkajs", they both have errors when establish kafka connection. Maybe they are all server side npm?

Is there any js package that supports webpage to act like kafka producer. I don't want to set up other intermedia servers (like kafka http proxy). I want the webpage directly send messages to topic. Is it workable？