splide
impress.js
Our great sponsors
splide | impress.js | |
---|---|---|
25 | 8 | |
4,633 | 37,495 | |
2.3% | 0.1% | |
0.0 | 5.1 | |
about 1 month ago | 5 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
splide
- SplideJS – The lightweight, flexible and accessible slider/carousel
-
XHR not loading in Safari on MacOS?
I am initializing a JS library called Splide (v4.1.2) but images don’t seem to load in Safari. I get this error message, which I think has to do with the XMLHttpRequest:
-
Build A Reusable Carousel With React And Splide.js
In this article, you will build a reusable carousel component using React and Splide.Js — a lightweight and versatile slider library.
- Advice on creating an animation like this for my opening page?
-
How to make sliders swipeable, just like instagram carousels ?
Check out Splide Slide. There are a lot of different sliders to choose from. You'll have to know a little about javascript to be able to use it, which can get a little tricky. Timothy Ricks has a couple tutorials on how to implement it. This one in particular.
-
Trying to remember the name of a library...
Maybe this https://splidejs.com/?
-
What is your favourite slider module?
I used https://splidejs.com/ in recent projects.
-
Do developers create carousels from scratch most of the time?
Thoughts on Splide? It’s also really good & lightweight https://splidejs.com
-
What is this designed called? And how would you make this in tailwindcss? I tried searching carusel, card ,card carusel, scrolling cards etc.
You can easily achieve that with a js package such as https://splidejs.com
-
How do I get different carousels like this?
Slick is a very popular carousel, I use splide but either one would be able to make a slider like that
impress.js
- Show HN: How to create a 3D space using CSS
- Show HN: GUI for Making Animated Webcomics
-
Ask HN: Why are slides used in talks instead of scrolling one long document?
I remember a few years ago some more dynamic presentation modes making a bit of a splash. I used one of them[1] to good reception in at least one talk, but ultimately it felt more like really slick slide-to-slide transitions than a fundamentally different paradigm.
[1] https://impress.js.org/
- impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
-
Looking for a tool or app that makes interactive document
What do you mean by interactive? If you're talking slideshows, then stuff like reveal.js, impress.js, deck.js, or shower would do the trick.
- What is the best free slideshow maker??
-
Does anyone have a favorite (and accessible) JS-based presentation library?
I've looked at impress.js and reveal.js. Impress feels a little dated to me (very Prezzi-like) and not very accessible if I wanted to hand out the url.
-
LaTeX for not math-related writing
For other programatic methods, there are plenty of non-LaTeX tools, reveal.js and impress.js for starters, but the learning curve for someone not already familiar with web design and javascript is too high IMO just to get prettier transitions and embedded video.
What are some alternatives?
Swiper - Most modern mobile touch slider with hardware accelerated transitions
reveal.js - The HTML Presentation Framework
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
slick - the last carousel you'll ever need
bespoke.js - DIY Presentation Micro-Framework
vanilla-lazyload - LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Flickity - :leaves: Touch, responsive, flickable carousels
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
Embla Carousel - A lightweight carousel library with fluid motion and great swipe precision.
PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent