component
Swwwipe
By Ranjit Singh

Details
- Ranjit SinghAuthor
- componentType
- 2026-08-29Published
- 2026-08-29Updated
- 2026-08-29Added
- CardsCategories
Summary
Instagram-like carousel
Description
A fully custom-coded, drag-and-swipe carousel component for building card-based, swipe-native content. Built to feel a bit like instagram carousel posts, but better. Drop it into any project: upload your images, pick from three aspect ratios (1:1, 4:5, 16:9), and configure spacing, corner radius, arrows, dots, and transition speed entirely from the panel. No code required. Drag, flick, arrow-key, and click navigation all work out of the box, with full keyboard accessibility and automatic support for reduced-motion preferences. Using it as a component Add it to a hero, a portfolio grid, a product gallery. Anywhere you want swipeable, card-based content that feels native on both mobile and desktop. Want a full page built around it? This same component can also carry an entire landing page. A launch, waitlist, or portfolio told one card at a time instead of a long scroll. Building that out yourself means pacing a story across cards, writing copy tight enough to earn each swipe, and structuring a hero, feature set, and CTA around the component. You're welcome to do that at your own pace. Or, if you'd rather skip straight to a finished page, custom builds are available: send over your brand and content, and I'll design, write, and launch the full experience for you. Key features Fully custom-coded drag-and-swipe carousel, not a stock Framer component 1:1, 4:5, or 16:9 aspect ratios, switchable from the panel 2–12 slides, adjustable gap and corner radius Arrows, dots, keyboard, and drag navigation, all optional and configurable Arrows auto-collapse on narrow screens Full keyboard support and screen-reader accessibility Respects reduced-motion preferences automatically Optimized for both mobile and desktop Perfect for Image galleries · Product showcases · Portfolio pieces · Swipe-native landing pages — build the page yourself, or have it built for you Want the full page done for you? Custom builds available. Get in touch for a quote: ranjit.sn131@gmail.com
Introduction
Instagram-like carousel
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #968