Swwwipe

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