Thread Cards

Thread Cards
Thread Cards

About Thread Cards

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/

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

Email: karimsaif010@gmail.com