---
title: "Framer Components for Effects — 907 Ranked · 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."
canonical: "https://framer.elliotli.dev/components/category/effects"
---

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)

-   [Dithering Hover](/component/dithering-hover) — anavy · Free — Bitmap dither effect that follows cursor
-   [Motion Text FX](/component/motion-text-fx) — Daniel Ahmadi · Free — 10 Text Animation Effects
-   [CrumpledPaper Reveal](/component/crumpledpaper-reveal) — Matt · Free — Images unfold like real paper
-   [Fluid Image](/component/fluid-image) — Sanna Granqvist · Free — WebGL fluid that follows your cursor
-   [Scroll Zoom Reveal](/component/scroll-zoom-reveal) — Elephanta Agency · Free — A modern scroll zoom reveal component for Framer designed to create immersive visual storytelling through smooth image scaling and text…
-   [Page Transitions](/component/page-transitions) — Struxent · $12 — Page Transition for Framer Website
-   [Liquid Smoke Cursor](/component/liquid-smoke-cursor) — Josep de Villaret Pons i Mataró · $10 — A WebGL animated cursor component.
-   [Unfocused](/component/unfocused) — Jay Ji · Free — Unfocused introduces a refined blur effect.
-   [Liquid Scroll](/component/liquid-scroll) — Alex Díaz · $5 — Beautiful progressive blur
-   [Liquid Image](/component/liquid-image) — gustavwf · Free — About this component Meet Liquid Image, a cool way to give your visuals the pop they deserve.
-   [Activity Badge](/component/activity-badge) — Nostromo Studio · Free — Animated Status Indicator
-   [ASCII Flow Trail](/component/ascii-flow-trail) — Vishesh Tiwari · Free — ASCII Flow Trail Create mesmerizing particle trails with animated ASCII characters that follow mouse movement or flow autonomously.
-   [Hero Image Reveal](/component/hero-image-reveal) — Struxent · $8 — An interactive hero image reveal
-   [Blob Tracker](/component/blob-tracker) — Shubhang Chouhan · $10 — Motion tracking with lens boxes
-   [Pro Liquid Shader](/component/pro-liquid-shader) — Syncrely Studio · $9 — ✨ About this Component Pro Liquid Shader transforms any static image into a living, interactive surface that reacts to cursor movement,…
-   [True Parallax Image](/component/true-parallax-image) — Shouvik Biswas · Free — Viewport-Driven Parallax Imagery
-   [True Liquid Glass](/component/true-liquid-glass) — Lee Black · $15 — Real liquid glass effects inside Framer
-   [Halftone Gallery](/component/halftone-gallery) — The Big Design Project · $10 — Risograph-style image print effect
-   [Progressive Blur](/component/progressiveblur) — Fabian Albert · Free — With this component you can apply the famous progressive blur or also called gradient blur that Apple uses it throughout various parts…
-   [ASCII Hero Image](/component/ascii-hero-image) — Erni Hdz · $12 — Turn any PNG into an ASCII hero
-   [Noise Grain Texture](/component/noise-grain-texture) — Michael Slotta · Free — Noise Grain – Texture Overlay Component Add authentic texture and visual depth to your Framer projects with Noise Grain, a flexible…
-   [Halloween Effects](/component/halloween-effects) — Struxent · $10 — Animated Halloween Overlays
-   [Polaroid Image Maker](/component/polaroid-image-maker) — Soubhagya Sahu · Free — Transform your images into authentic Polaroid-style photos with this clean, customizable component.
-   [Old Projector](/component/old-projector) — Jamie de Rooij · Free — Old Projector turns any photo or video into a vintage slide-projector display, right on the wall of your page.

Previous

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

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

Page 1 of 38, 907 items.