Lightweight Slider / Carousel: Siema

Lightweight slider carousel Siema

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.”

Siema lightweight slider carousel

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.

 

(Visited 249 times, 1 visits today)

If you found this post useful ...

Buy Me a Coffee logo
Wondering why you keep seeing lower-cased 'i' in my posts? Read -> Why ‘i’ is not capitalized
5 1 vote
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x