---
title: "Grain — Free Framer component · Best of Framer"
description: "Free Framer component · by Arsyad Fadly · Effects. Grain Sizing - Adjustable texture scale from 50px to 550px Variable Speed - Animation timing from 0.1x to 3x speed Performance Optimized…"
canonical: "https://framer.elliotli.dev/component/grain"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Grain

# Grain

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

![Grain preview image 1](https://framer.elliotli.dev/og/component/grain/fc2100d2f04c5626/1600x1200.jpg)

## Summary

Grain Sizing - Adjustable texture scale from 50px to 550px Variable Speed - Animation timing from 0.1x to 3x speed Performance Optimized - Hardware-accelerated Framer Motion…

## Description

## Features

-   **Authentic Film FX** - Stepped keyframe motion with organic grain behavior
    
-   **Opacity Control** - Fine-tune blending from 0-100% transparency
    
-   **Grain Sizing** - Adjustable texture scale from 50px to 550px
    
-   **Variable Speed** - Animation timing from 0.1x to 3x speed
    
-   **Performance Optimized** - Hardware-accelerated Framer Motion animations
    

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

-   All · #531

## Details

- **Author**: Arsyad Fadly
- **Published**: 2025-09-01
- **Updated**: 2025-09-01
- **Added**: 2025-08-14
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows