---
title: "Framer Components for Effects — Page 4 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 4 of 38)"
canonical: "https://framer.elliotli.dev/components/category/effects/4"
---

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)

-   [Gradient Depth Blur](/component/gradient-depth-blur) — Igor Reif · Free — Gradient Depth Blur uses an 8-layer backdrop filter algorithm to eliminate harsh blur edges and deliver a seamless transition.
-   [Floating Parallax](/component/floating-parallax) — Anton Proshkuratov · $9 — Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts.
-   [Advance Image Reveal](/component/advance-image-reveal) — Iklil Najma Muqtafa · $15 — Create captivating image animations that respond to user interaction.
-   [Animated GlassFolder](/component/animated-glassfolder) — vasp · $5 — Interactive frosted glass folder
-   [ShapeMorph](/component/shapemorph) — Amir Vhora · Free — shapemorph.framer.website/ Transform Static Assets into Living Motion.
-   [Scroll Blur Overlay](/component/scroll-blur-overlay) — Filip Banasiak · $7 — Stunning scroll based blur effect
-   [Particle Reveal Pro](/component/particle-reveal-pro) — Sandeep Kanneganti · Free — Transform any logo or image into a captivating, high-performance particle animation.
-   [Noiser](/component/noiser) — Anton Proshkuratov · Free — How to Use Drag Noiser onto the canvas.
-   [3D Tilt Carousel](/component/3d-tilt-carousel) — Sally Yang · $5 — Immersive 3D tilt card gallery
-   [Burn Hover Reveal](/component/burn-hover-reveal) — Saadat Ali · $8 — Cinematic liquid & burn hover
-   [Matrix_Rain.exe](/component/matrix-rain-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · Free — Code rain, word streams & tickers.
-   [Gradual Blur](/component/gradual-blur) — Morasign · Free — gradual blur effect, making your designs more immersive and professional.
-   [Magnetic Button pro](/component/magnetic-button-pro) — Daniel Ahmadi · Free — Add a little magnetic motion
-   [Condensation](/component/condensation) — KOJA Studios · Free — Fogged glass you can wipe clear
-   [Parallax Hero](/component/parallax-hero) — Thế Chiều Trịnh · Free — Eases into stillness
-   [Logo Hover](/component/logo-hover) — Sebastian Marszalek · Free — Image reveal on logo hover
-   [Halftone Media FX](/component/halftone-media-fx) — Lee Black · $30 — Real-time halftone & dithering system
-   [Logo Construct](/component/logo-construct) — Raghav · $12 — Turn logo into an animated reveal
-   [Glassmorphism Card](/component/glassmorphism-card) — Rubab Mubashar · Free — Glassmorphism Tilt Card A premium, interactive glassmorphism card component designed for modern interfaces.
-   [Dreamy Hero Image](/component/dreamy-hero-image) — Brandarnia Agency · $10 — Dreamy shader for images and video
-   [Riso Halftone](/component/riso-halftone) — Wen's Print Shop · Free — Animated grainy risograph halftone
-   [Pixel Dither Image](/component/pixel-dither-image) — Bobob Apps · Free — Dither any image into a palette
-   [CMS Hover List](/component/cms-hover-list) — Samuel G. Sumo · $10 — The CMS Hover List is a versatile, interactive component designed to bring a sophisticated, modern aesthetic to your Framer projects.
-   [SVG Path Animation](/component/svg-path-animation) — Suraj Kale · Free — Simple componet to animate SVGs

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

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

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

Page 4 of 38, 907 items.