---
title: "ScatterFlow — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Alexis Romo · Sections. ScatterFlow is a WebGL-powered hero component built with Three.js."
canonical: "https://framer.elliotli.dev/component/scatterflow"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/ScatterFlow

# ScatterFlow

Images that drift. Worlds that pull

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

![ScatterFlow preview image 1](https://framer.elliotli.dev/og/component/scatterflow/246a7bca775d741e/1600x1200.jpg)

## Summary

ScatterFlow is a WebGL-powered hero component built with Three.js.

## Description

ScatterFlow is a WebGL-powered hero component built with Three.js. Images are distributed using the golden angle algorithm — the same pattern found in sunflowers — giving an organic, naturally balanced scatter that never looks repetitive or mechanical.

Each image travels outward along a fixed angle, fading in near the center and reaching full opacity at the midpoint, then continuing off screen. A custom GLSL fragment shader handles object-fit cover so images always fill their frame perfectly regardless of aspect ratio.**How to use it**Drop the component onto your canvas, set it to fill the frame, then add your images via the Images array in the property panel. Adjust Image Count and Speed to taste.

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

-   All · #8853

## Details

- **Author**: Alexis Romo
- **Price**: $5.00
- **Published**: 2026-06-08
- **Updated**: 2026-06-06
- **Added**: 2026-05-27
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove