---
title: "Prism Fan — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Lucas · Backgrounds. White light fanned to a spectrum"
canonical: "https://framer.elliotli.dev/component/prism-fan"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Prism Fan

# Prism Fan

White light fanned to a spectrum

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

![Prism Fan preview image 1](https://framer.elliotli.dev/og/component/prism-fan/e31ebae7c542655a/1600x1200.jpg)

## Summary

White light fanned to a spectrum

## Description

A beam of white light fanning into a full spectrum. Thirty wavelengths are sampled from 400 to 700 nm, and the glass index for each comes from Cauchy's law - so the fan is compressed in the reds and stretched in the violets on its own. The dispersion is progressive because it is computed, not painted.

Bands keep a constant width while their separation grows with distance. Near the apex they all overlap and sum to white; they only separate further out. That is what makes it read as optics instead of a rainbow gradient.

Angle, dispersion, band width, purity and a slow sweep are yours, and a soft bloom keeps it from looking like neon stripes.

One caveat, stated plainly: the effect is additive, so it needs a dark background. Physically correct dispersion on white paper is not reproducible with canvas blending.

Nothing loaded from outside. Honours prefers-reduced-motion and freezes on the Framer canvas.

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

-   All · #7193

## Details

- **Author**: Lucas
- **Price**: $5.00
- **Published**: 2026-08-16
- **Updated**: 2026-08-16
- **Added**: 2026-08-16
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background