Previously, i lauded a lightweight carousel, Flickity, but on a current project, i inexplicably ran into an image loading issue that i spent about two hours trying to fix. No luck.
So, throwing my hands up in the air — literally — i googled “lightweight slider carousel” and the top hit was Siema.
Siema describes itself aptly as “a simple and very lightweight slider / carousel plugin written in pure vanilla JavaScript without any dependencies.”
It’s TRULY a very lightweight slider carousel at only 3kb! Three frickin’ kb is unreal. And it was a cinch to get working; less than 30 seconds plopping the code into the HTML i already had setup with Flickity, simply adding the class of .siema to the div. No issues with images, slides worked. Boom. I was sold.
Straight up vanilla JavaScript, it has been ported to other versions by cool contributors. There are implementations for Angular, React, Vue, and Rails so far. Check them out here.
If you’re looking for a lightweight slider carousel, definitely check out Siema. I’m happy with it so far for this project. Hoping it’ll be my goto for future projects.
Update: even before this post is published 24 hours from now, i noticed some “twitching” issues with the slider images when resizing the browser window. Time to look for another slider carousel. It was good for the last three days when i initially started writing this post.
Cheers and peace.
If you found this post useful ...
