---
title: "Swwwipe — Free Framer component · Best of Framer"
description: "Free Framer component · by Ranjit Singh · Carousels. Instagram-like carousel"
canonical: "https://framer.elliotli.dev/component/swwwipe"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Swwwipe

# Swwwipe

Instagram-like carousel

[View on Framer](https://framer.com/marketplace/components/swwwipe/?via=elliot-li)

![Swwwipe preview image 1](https://framer.elliotli.dev/og/component/swwwipe/54a97107b8ae4566/1600x1200.jpg)

## 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**

## Rank history [How rankings work →](/terms#rankings)

-   All · #1111

## Details

- **Author**: Ranjit Singh
- **Published**: 2026-08-29
- **Updated**: 2026-08-29
- **Added**: 2026-08-29
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view