Swiper Reviews and Details

Social recommendations and mentions

• Visual History of the Latin Alphabet

  Looking at the page source shows that it is vanilla JS [1] with a few libraries: * https://anseki.github.io/leader-line/ * https://barba.js.org/docs/getstarted/intro/ * https://swiperjs.com/ [1]: https://uclab.fh-potsdam.de/arete/assets/js/application.js. - Source: Hacker News / about 1 year ago

• My Webflow Toolkit: Tools, Tips, and Resources I use daily

  For carousels I would say Swipper is definitely the best option. - Source: dev.to / about 1 year ago

• TOP React Liabraries and tools you Need

  Swiper is a powerful library for creating smooth and responsive sliders or carousels in your web applications. It's perfect for showcasing product images, displaying content in a compact space, or creating interactive slideshows. Swiper offers a wide range of customization options, including different transition effects, navigation controls, and automatic slide progression. Whether you're building a mobile app or... - Source: dev.to / almost 2 years ago

• Create animated columns of tiles with a background-images fade in and fade out

  Additionally, I will wrap all the columns inside a responsive slider (using Swiper) to control the number of columns displayed on different screen sizes. - Source: dev.to / about 2 years ago

• Let’s Get Hands-On with WordPress FSE Theme and Custom Blocks — Part 1

  Now, finally, some code. This block is moderately complex but perfect for explaining the integration between PHP and React. We will create a gallery with a management interface on the dashboard side. We’ll use SwiperJS library for the gallery’s JavaScript and import it into our block. The build process will be explained in the second part of the article because it differs somewhat from the standard process. - Source: dev.to / about 2 years ago

• I introduced the word guessing game in my vocabulary app

  Well, I wrote some codes to fetch data and feed those data to the SwiperJS so that the user can navigate to each card smoothly. - Source: dev.to / about 2 years ago

• Frontend resources! 🚀

  Sliders — Swiper: Swipe through content seamlessly. - Source: dev.to / about 2 years ago

• Creating a Single Image Slider using Swiper.js

  Creating a Swiper.js slider with cropped images can be a creative way to showcase content on your website. By carefully cropping your images and adjusting the Swiper configuration and styles, you can create a visually appealing slider that engages your users. - Source: dev.to / about 2 years ago

• When the client dont understand minimalist design

  Just use https://swiperjs.com/ ... Has all the usability imho. Source: about 3 years ago

• How to implement a data access layer pattern in SvelteKit?

  You mention YAGNI, but I think the bigger blocker is "Don't reinvent the wheel" - which I think is the most misunderstood bit of programming advice out there. In my SvelteKit app, I am not using a "UI Framework" that provides components to me. I don't need to. Svelte is simple enough that I can build almost anything myself. I've looked at Skeleton's source code, and their components on average are not better than... Source: about 3 years ago

• 🎉Top React Libraries for Developers

  Swiper.js is a JS library for creating touch-based, mobile-friendly sliders and carousels for web apps. It provides many features and options for building highly customizable sliders. - Source: dev.to / about 3 years ago

• React Component for a "Swipe left/right"

  I haven't used it myself, but I've seen other folks mention Swiper JS. This little snippet from their landing page makes it look pretty easy to use. Source: about 3 years ago

• Looking to make dawn theme featured collection scroll

  I've got nothing sorry. If you go to swiperjs.com you'll see their demos, if you get the "Core" demo you should be able to coble together an mvp for it. Source: over 3 years ago

• How can I achieve this type of timeline animation in HTML/CSS

  The one you linked is built with Swiper. Great library I use it all the time in projects. In the swiper api there is a 'slideChange' method you can use to get the individual elements to animate in. Source: over 3 years ago

• Codepen doesn't display correctly on my local computer.

  Try swiperjs.com for a really simple but very powerful swiper. When you go to their site, click on demos, then if you're using vanilla js click on Core above the demo and it will give you the full example in situ. Source: over 3 years ago

• Carousel with a database like function?

  Swiper.js might have everything you need depending on what you’re doing. Source: over 3 years ago

• The company I work for forces us to use tailwind and drop bootstrap

  If your company allows external libraries, you can look at Swiper for the carousel and just style it the way you want with Tailwind. Source: over 3 years ago

• Creating a layout/site with a similar scrolling effect

  Easiest way to replicate this would be with a slideshow library such as https://swiperjs.com/. It has support for navigation with both mousewheel and keyboard. Source: over 3 years ago

• Is it wise to build a carousel with purely CSS and no JS?

  For learning purposes sure, otherwise use something like https://swiperjs.com. It is really a lot of work to create a performant slider that is configurable, and above all, accessible. (e.g. Keyboard enabled, horizontal scrolling and swiping, virtual scrolling, etc.). Source: over 3 years ago

• A carousel with zooming active slide using react-spring-carousel

  But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,... - Source: dev.to / over 3 years ago

• Dumb question? How do you install libraries and frameworks manually?

  I would like to install Swiper framework for example into a project and play around with it. But I do not want to use NPM or any package manager. I downloaded the assets manually, but I do not know how to add this to my project since the tar archive file I downloaded contains lots of stylesheets, scripts and what appears to be lots of useless files. The website does not show what files to embed into my HTML file.... Source: over 3 years ago