My First NPM Library - Web Component using StencilJS

#webcomponents #npm #javascript #typescript

My First Post on dev.to 🚀

Hey everyone!

This is my first-ever post on dev.to, and I’m already loving the community here. 😊

For the past 3-4 years, I’ve been coding professionally but never really ventured into contributing to open source projects. During this time, I’ve been learning a lot about programming but that’s the thing: it’s mostly been learning. Outside of work, I hadn’t done much to apply or experiment with what I’ve learned.

Recently, I decided it was time to change that and finally build something of my own. I started exploring for inspiration and stumbled upon a fantastic library for React called React Spectrum. Inspired by it, I set out to create something similar but with a twist: using Web Components.

Introducing Word Spectrum

Let me introduce you to Word Spectrum—a simple, colorful, and lightweight placeholder for paragraphs.

Highlights:

Tiny Size:
- Minified: 271 bytes
- Minified + Gzipped: 198 bytes
- Check it out on Bundlephobia

Preview:

Live Demo on Codepen

I’d love to hear your thoughts and suggestions for improvements! Contributions are welcome, so feel free to submit pull requests. Let’s build something awesome together!

Cheers,

Karthik