---
title: "Shader Logo 3D — Free Framer component · Best of Framer"
description: "Free Framer component · by Saadat Ali · Interactive. Interactive 3D coin with fluid gradient"
canonical: "https://framer.elliotli.dev/component/fluid-coin-shader"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Shader Logo 3D

# Shader Logo 3D

Interactive 3D coin

[View on Framer](https://framer.com/marketplace/components/fluid-coin-shader/?via=elliot-li)

![Shader Logo 3D preview image 1](https://framer.elliotli.dev/og/component/fluid-coin-shader/51a8f7ee9fe5f819/1600x1200.jpg)

## Summary

Interactive 3D coin with fluid gradient

## Description

\-----------------------------------------------------------------------------------------------

## Add More Premium Components To Your Projects:

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g094t2v1-8wrj2R4JsfS8dz3uRkUmPxMk3a0JAx)](https://marketplace.framer.com/@saadat-ali-designsbysadat/)

**Uses**

-   Hero sections with high visual impact
    
-   Web3, fintech, and crypto interfaces
    
-   Product showcases and landing pages
    
-   Interactive branding elements
    
-   Premium UI backgrounds and highlights
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-w7kmvs5p-ubF7ASoYpAKkiRz3yEOKcnm9y6xYN1)

**Features**

-   Real-time 3D rendering with smooth interaction
    
-   Fluid gradient shader with multiple flow modes
    
-   Custom logo upload with color control
    
-   Adjustable thickness, scale, and perspective
    
-   Hover + drag physics with inertia
    
-   Dynamic lighting with metallic material finish
    
-   High-resolution textures with procedural detail
    
-   Performance optimized for Framer canvas and live preview
    
-   Fully customizable gradient colors and saturation
    
-   Optional depth-based gradient fading
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1892

## Details

- **Author**: Saadat Ali
- **Published**: 2026-05-06
- **Updated**: 2026-09-14
- **Added**: 2026-04-22
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step