---
title: "Sun Beams — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Lucas · Backgrounds. Light shafts with dust in the beam"
canonical: "https://framer.elliotli.dev/component/sun-beams"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Sun Beams

# Sun Beams

Light shafts with dust in the beam

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

![Sun Beams preview image 1](https://framer.elliotli.dev/og/component/sun-beams/94e40050555cf4a1/1600x1200.jpg)

## Summary

Light shafts with dust in the beam

## Description

Shafts of sunlight through a window, with dust floating in them. The beam profile is baked one pixel-row at a time, so the edges stay smooth however far the shaft is stretched across the frame - built from a handful of slices it would show visible steps.

The dust computes its own lighting against the same divergence profile, so a mote only sparkles where the beam actually is, each on its own phase, drifting upward. That is what sells the volume.

The source is placed along the beam axis rather than in fractions of the frame, so the angle stays right on a wide banner and on a phone column alike. Angle, spread, count, warmth, haze and dust are all yours, and the beam can follow the cursor.

Canvas, nothing loaded from outside. Honours prefers-reduced-motion and freezes on the Framer canvas.

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

-   All · #7992

## Details

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

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background