MasonEffect – Particle-based text morphing library (now supports Svelte)

1 point

6 months ago

I've been experimenting with particle-based text rendering and ended up building a small library that morphs text into particles with smooth transitions. It now works with Vanilla JS, React, Vue, and recently Svelte.

The rendering pipeline uses Canvas 2D instead of WebGL to stay lightweight, and I recently added auto-resizing and multiline support to better handle dynamic layouts.

If you're exploring creative text effects or building landing pages, feel free to give it a try — I'd love to hear feedback, performance ideas, or any edge cases I should test.

Demo: https://masoneffect.com

npm: https://www.npmjs.com/package/masoneffect

GitHub: https://github.com/fe-hyunsu/masoneffect

If you find it useful, a GitHub star would mean a lot!