---
title: "Framer Components for Effects — Page 3 of 38 · Best of Framer"
description: "Framer components for Effects, ordered by marketplace rank — switch to newest or fastest-gaining, then drop one into your own project. (Page 3 of 38)"
canonical: "https://framer.elliotli.dev/components/category/effects/3"
---

Resources

# Components for Effects

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/effects)
-   [Newest](/components/category/effects?sort=newest)
-   [Trending](/components/category/effects?sort=gaining)

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

-   [Vibey](/component/vibey) — gustavwf · $5 — Vector path animation.
-   [Scroll Bend Section](/component/scroll-bend-section) — 108™ Supply · $9 — Scroll Bend Section lets you create smooth curved media sections directly in Framer.
-   [Scroll Reveal Image](/component/scroll-reveal-image) — Fizi Lee · Free — Scroll Reveal or Parallax Image
-   [Ascii Font Engine](/component/ascii-font-engine) — Lee Black · $10 — Create animated ASCII SVG's & type
-   [Dither Engine](/component/dither-engine) — Prem Shandilya · $15 — Dither Engine real-time dithering for any image or video Turn any image or video into striking dithered artwork, rendered live…
-   [Water Float](/component/water-float) — Erni Hdz · $12 — Make any image float on water
-   [Image Hover Variants](/component/image-hover-variants) — Ava Thiery · Free — Show product variants on hover
-   [Halftone Engine](/component/halftone-engine) — Prem Shandilya · $10 — Halftone Engine: turn any image or video into a live field of dots Drop in a photo or a clip and it is redrawn as a grid of dots that take…
-   [Pixel Scroll Effect](/component/pixel-scroll-effect) — Rastry Design · $10 — Pixel Scroll Effect in any color
-   [ASCII Reveal](/component/ascii-reveal) — Abderrahim · Free — ASCII Reveal Image Animation
-   [Radius on Scroll](/component/radius-on-scroll) — Eric Zhang · Free — About this component Radius on Scroll lets you animate corner radius and padding of images or videos based on scroll position…
-   [Fisheye Scroll](/component/fisheye-scroll) — Blank.Design · $5 — About the component Fisheye Scroll is a dynamic, scroll-driven text component that applies a striking WebGL fisheye lens distortion…
-   [ASCII Engine](/component/ascii-engine) — Prem Shandilya · $12 — ASCII Engine: ASCII art generator Drop in a photo or a video and watch it redraw itself as characters, live on a canvas, at whatever…
-   [Burn](/component/burn) — Jay Ji · Free — Burn+ adds a dramatic masking effect.
-   [GrainOverlay](/component/grainoverlay) — ahmad shaarawy · Free — Drop GrainOverlay on any frame and choose from four modes — all fully animated, all controlled from the property panel.
-   [Simple Gradient Blur](/component/simple-gradient-blur) — @sjoerd · $3 — A Progressive Background Blur
-   [Scroll Reveal Paralx](/component/scroll-reveal-paralx) — Anux · Free — Cinematic image reveals, on scroll
-   [Ehteral-shadow](/component/ehteral-shadow) — Iqtidar Tara · Free — Motion background
-   [Eye Tracker Pro](/component/eye-tracker-pro) — Daniel Ahmadi · Free — Interactive eyes that follow your
-   [Pixelate Hover Trail](/component/pixelate-hover-trail) — Flowit Supply · Free — Pixelated Trail Hover Component An interactive visual effect that creates an animated pixelated trail following your cursor as you move…
-   [Scroll Burn Effect](/component/scroll-burn-effect) — Kush Verma · $5 — Burn away sections as you scroll
-   [Auto Switching Text](/component/auto-switching-text) — Edi Priatama · $4 — dynamic animated typograph
-   [Deconstruct Mask](/component/deconstruct-mask) — Mariusz Mitkow · Free — Deconstruct Mask is a canvas-based Framer component that lets your cursor physically destroy a top image pixel blocks fall with gravity,…
-   [Liquid Glass Nav](/component/liquid-glass-nav) — Lucas · $5 — Glass bar, pill chases the cursor

[Previous](/components/category/effects/2)

-   [1](/components/category/effects)
-   [2](/components/category/effects/2)
-   [3](/components/category/effects/3)
-   [4](/components/category/effects/4)
-   …
-   [38](/components/category/effects/38)

[Next](/components/category/effects/4)

Page 3 of 38, 907 items.