Swiped

What it does

The lightweight responsive CSS based slider carousel supporting multiple items. Swiped is based on Flexbox and CSS Scroll Snap and can operate completely without JS (No arrow support)

The simplest way to get started is copy the following files from github and include in your project. This library is built using Sass. You can customise things such as column gap by using the Sass directly. Swiped has a very simple markup, you just need a container, body, items and tell it how many columns you want. Swiped responsive columns are mobile first, so if you only set the default, all devices will see the same. Although spacing is great, sometimes you may want to remove spacing altogether. The best way to show that an element can be swiped on mobile is to have a preview of the next item. Gaps are great but sometimes you also want them on the outside. This property adds a gap to…from evulse.github.io

• 
  Swiffy Slider2021 · ▲71

  Super fast and lightweight slider and carousel

• 
  Tiny-Swiper – 2kb alternative to SwiperJS with the same modern API2019 · github.com · ▲33

  Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less. - joe223/tiny-swiper

• 
  Swiper2018 · swiperjs.com · ▲9

  Touch Friendly slider

• 
  Snap Scroll2018 · chromewebstore.google.com · ▲84

  Instant, precise scrolling via point & click

• 
  Accordion Slider2023 · accordionslider.com · ▲104

  Create fully responsive, css-only accordion sliders

• 
  Bites 22019 · ▲139

  Ready-to-use HTML/CSS popups to grab customers attention

• 
  Run full iOS 16.5 firmware on Android Devices▲536

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 5d ago · github.com

• 
  /dev/null▲503

  a social network for devs

  Dev tools · 8d ago · dev-null.sh

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 28d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 26d ago · talanoa.email

• 
  myPip▲272

  Vibe code, publish, and monetize games with AI

  Dev tools · 12d ago · mypip.dev

• 
  Doneas▲271

  A daily accountability call with other entrepreneurs.

  Dev tools · 18d ago · doneas.com

• 
  Webframe▲796

  >800 web app screenshots for inspiration on your next app 🎉

  Dev tools · 2019 · webframe.xyz

• 
  CSS Scan 2.0▲758

  The fastest and easiest way to inspect or copy CSS ⚡️

  Dev tools · 2019 · getcssscan.com

• 
  Golden▲680

  Mapping human knowledge with AI

  AI · 2019 · golden.com

• 
  When To Launch▲654

  Launch your product on the right date and time based on data

  Growth · 2019

• 
  Hyper 3▲643

  A cross-platform terminal powered by web technologies

  Dev tools · 2019 · hyper.is

• CC
  CSSFX – Click-to-copy CSS effects▲595

  Life & fun · 2019 · cssfx.dev