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

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)

-   [SpiderEffect](/component/spidereffect) — FrameSpace · $4 — Crawling Spider Through Dots
-   [Liquid Logo](/component/liquid-logo) — gustavwf · Free — About this component Meet Liquid Logo, a fluid hover effect made for logos.
-   [Ripple](/component/ripple) — Harsh Works · Free — Bring your images to life with realistic water ripple effects right in Framer.
-   [Grain](/component/grain) — Arsyad Fadly · Free — Grain Sizing - Adjustable texture scale from 50px to 550px Variable Speed - Animation timing from 0.1x to 3x speed Performance Optimized -…
-   [Dotara](/component/dotara) — Slava I · $14 — ASCII Interactive & Parallax
-   [Liquid Metal Logo](/component/liquid-metal-logo) — Fred Moon · Free — Made possible thanks to paper.design and their shaders library.
-   [Dither Fluid Mono](/component/dither-fluid-mono) — Visual Mess Studio · $5 — Fluid motion meets retro texture
-   [Image Reel](/component/image-reel) — Archipelagy · $8 — Video-Style Image Sequence
-   [Logo Stage Pro](/component/logo-stage-pro) — Helen Statsevich · Free — Logo motion set
-   [Liquid Glass Droplet](/component/liquid-glass-droplet) — Chiranjeev Singh · $6 — Your logo, revealed through liquid
-   [Scroll Blur by Aki](/component/scroll-blur-by-aki) — Tim Akihiro Heinrich – Zukunftsberatung. · Free — Easy and performant Scroll blur.
-   [ASCII Pixels](/component/ascii-pixels) — Catalystco · Free — ASCII Pixels – Background Video Effect, a fully customizable Framer component that transforms any video into dynamic ASCII art in real time.
-   [SpotlightReveal](/component/spotlightreveal) — RabenRifaie · Free — Use cursor to reveal video/image
-   [Fluted Prism Image](/component/fluted-prism-image) — Anux · Free — Image into fluted glass
-   [Better Parallax](/component/better-parallax) — MASH · Free — What makes it Better Native first, shared fallback When the browser and layout support it, Better Parallax uses native CSS scroll-driven…
-   [Landing Cascade](/component/landing-cascade) — Shivani Sharma · Free — Hero Animation
-   [Gradient Visualizer](/component/gradient-visualizer) — THE DESIGN FUTURIST · $8 — A animated gradient shader visualizer
-   [ASCII Art](/component/ascii-art) — Vaibhav Khulbe · Free — ASCII Art transforms images into beautifully styled character-based visuals, bringing a nostalgic yet modern aesthetic to your Framer…
-   [Tiles](/component/tiles) — gustavwf · $5 — About this component Meet Tiles: an image reveal that reacts to movement.
-   [Noise Overlay](/component/noise-overlay) — Maraslux · Free — Noise Overlay adds film grain and texture to any element in your Framer project: heroes, cards, images, gradients, or full-page backgrounds.
-   [3D Image Depth Map](/component/3d-image-depth-map) — Lee Black · $10 — Convert images into immersive feelings
-   [ParticleCloud Scroll](/component/particlecloud-scroll) — Oleksandr Demydov · $12 — Scroll-driven 3D particle morphing
-   [Tilt Card](/component/tiltcard) — Jurre · Free — Tilt Card is a sleek, interactive Framer component that brings your designs to life with dynamic tilt effects and motion-driven lighting.
-   [SpectraNoise](/component/spectranoise) — Framify · Free — An animated compoonent with noise effect

[Previous](/components/category/effects)

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

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

Page 2 of 38, 907 items.