---
title: "Thread Cards — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Karim Saif · Cards. Thread Cards turns a simple card grid into a living interactive system."
canonical: "https://framer.elliotli.dev/component/thread-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Thread Cards

# Thread Cards

Elastic threads that bend

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

![Thread Cards preview image 1](https://framer.elliotli.dev/og/component/thread-cards/7177a90cda7db0d2/1600x1045.jpg)

## Summary

Thread Cards turns a simple card grid into a living interactive system.

## Description

Thread Cards turns a simple card grid into a living interactive system. Cards physically respond to the cursor, attract toward each other, lift on hover, and connect through animated elastic threads that bend, flow, and react in real time.

Designed for modern Framer websites, portfolios, agencies, creative studios, SaaS products, and interactive landing pages that need something more dynamic than a traditional card layout.

## Preview

[https://threadcards.framer.website/](https://threadcards.framer.website/)

## Great For

-   Creative agency websites
    
-   Portfolio and personal websites
    
-   Design studios
    
-   Digital products and SaaS
    
-   Interactive landing pages
    
-   Creative development websites
    
-   Case study sections
    
-   Services and capability sections
    
-   Experimental and motion-focused websites
    
-   Modern dark UI layouts
    

## Features

-   Interactive physical-style thread connections
    
-   Responsive grid, horizontal, and vertical layouts
    
-   Grid, horizontal, and vertical connection modes
    
-   Cursor-based card movement
    
-   Magnetic card attraction
    
-   Elastic card movement with adjustable tension and damping
    
-   Animated thread sag and noise
    
-   Hover lift and scale effects
    
-   Animated active thread reveal
    
-   Flow particles traveling along active threads
    
-   Configurable thread glow
    
-   Custom active-thread colors
    
-   Optional card background images
    
-   Image reveal and image zoom effects
    
-   Responsive mobile columns
    
-   Fully customizable card content
    
-   Up to 12 cards
    
-   Keyboard-accessible card interactions
    
-   Reduced-motion support
    
-   Static renderer support for Framer
    
-   Responsive sizing with ResizeObserver
    
-   Optimized animation handling
    
-   Custom colors, spacing, radius, and typography styling
    

## Support

Need help setting up Thread Cards or have a question about customization?

Reach out anytime:

X: [https://x.com/karimsaif0](https://x.com/karimsaif0)

Email: [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

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

-   All · #3337

## Details

- **Author**: Karim Saif
- **Price**: $6.00
- **Published**: 2026-09-16
- **Updated**: 2026-09-16
- **Added**: 2026-09-16
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator