---
title: "Framer Components for Interactions — 16 Ranked · Best of Framer"
description: "Framer components for Interactions, ordered by marketplace rank — switch to newest or fastest-gaining, then drop one into your own project."
canonical: "https://framer.elliotli.dev/components/category/interactions"
---

Resources

# Components for Interactions

Reusable UI pieces you can drop straight into a project — browse by category, or order by rank, newest, and gaining.

[Browse templates](/templates)[Browse vectors](/vectors)

-   [All categories](/components)
-   [Interactive](/components/category/interactive)
-   [Carousels](/components/category/carousels)
-   [Text](/components/category/text)
-   [Sections](/components/category/sections)
-   [Buttons](/components/category/buttons)
-   [Effects](/components/category/effects)
-   [Cards](/components/category/cards)
-   [Galleries](/components/category/galleries)
-   [Backgrounds](/components/category/backgrounds)
-   [Navigation](/components/category/navigation)
-   [Forms](/components/category/forms)
-   [Cursors](/components/category/cursors)
-   [Loaders](/components/category/loaders)
-   [Players](/components/category/players)
-   [Accordions](/components/category/accordions)
-   [Charts](/components/category/charts)
-   [Maps](/components/category/maps)
-   [Interactions](/components/category/interactions)
-   [Typography](/components/category/typography)
-   [CMS](/components/category/cms)
-   [Data](/components/category/data)
-   [Layout](/components/category/layout)
-   [Utilities](/components/category/utilities)

[All component categories](/components/category)

-   [Rank](/components/category/interactions)
-   [Newest](/components/category/interactions?sort=newest)
-   [Trending](/components/category/interactions?sort=gaining)

[Free](/components/category/interactions?free=1)

-   [Image Ticker](/component/image-ticker) — Shivani Sharma · Free — Image ticker with hover slide-up reveal
-   [Softly Marquee](/component/softly-marquee) — Softly Supply · Free — Infinite logo & text scroll
-   [001 WebGL Shader](/component/webgl-shader-001) — THE DESIGN FUTURIST · $8 — A WebGL shader set for Framer
-   [Crux Cursor](/component/crux-cursor) — Troy Miller · Free — Crux Cursor is a lightweight, fully customizable cursor component that replaces the browser's default pointer with a clean, minimal plus…
-   [Audio Visaulizer](/component/audio-visaulizer) — Andrew Norman · $10 — an interactions template
-   [002 WebGL Shader](/component/webgl-shader-002) — THE DESIGN FUTURIST · $8 — WebGL pixel shader component for Framer
-   [NR — Marquee Ticker](/component/nr-marquee-ticker) — JUDE · Free — Editorial Neo-Retro Marquee
-   [Marquee Preview](/component/marquee-preview) — sherwin · Free — Marquee with Image Preview
-   [4dot Loader](/component/4dotloader-2) — Azardam Studio · Free — A four-dot loader with one (b)right one.
-   [Chroma_Type_Cursor](/component/chroma-type-cursor) — Dulaj dilshan · $15 — Boost engagement with dynamic text
-   [3D Marquee](/component/3d-marquee) — Snoweirdo · $20 — 3D Marquee Customized Key Features: Versatile Animation: Choose between a continuous "Ticker" scroll for a sleek, flowing motion…
-   [Cursor Accordion](/component/cursor-accordion) — Kateryna Dei · Free — Interactive list with image cursor
-   [Instagram Preview](/component/instagram-preview) — Enzo Lrc · $6 — Instagram Preview
-   [Path Ticker](/component/path-ticker) — Ipshita Chatterjee · Free — Ticker that flows in the path
-   [EyeFollow Component](/component/eyefollow-component) — Shuvo Ahmed · Free — Free Eye Follow Component
-   [Rose hover animated](/component/rose-hover-animated) — Kvlyra · Free — Kvlyra