---
title: "PrismDots — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Sections. Animated gradient dot grid background"
canonical: "https://framer.elliotli.dev/component/prismdots"
---

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

# PrismDots

Animated gradient dot grid background

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

![PrismDots preview image 1](https://framer.elliotli.dev/og/component/prismdots/f1716a61309db94d/1600x1200.jpg)

## Summary

Animated gradient dot grid background

## Description

An animated grid of glowing gradient dots with smooth color cycling and full customization. Transforms plain sections into a dynamic, premium visual canvas. Built for hero backgrounds, tech landing pages, and any section that needs depth and energy.

## Features

-   Seamless animated grid of gradient glowing dots
    
-   Smooth color cycling for a vibrant prism-like effect
    
-   Custom dot size for subtle or bold looks
    
-   Spacing control for dense or airy dot patterns
    
-   Animation duration and color cycle speed controls
    
-   Any solid background color support
    
-   Fully responsive across all screen sizes
    
-   No code needed — drag, drop and customize in Framer
    

## Property Controls

**Dots** — dot size, dot spacing

**Colors** — gradient colors, background color

**Animation** — animation duration, color cycle speed

## Use Cases

Hero backgrounds · Portfolio sections · Tech landing pages · Startup websites · Section dividers · Animated textures · Event pages · Promo pages

**SEO Keywords**

framer dot background · framer animated background · framer gradient dots · framer background component · framer dot animation · framer grid background · framer glow effect · framer hero background · framer particle background · framer dot grid · framer animated dots · framer gradient background · framer creative background · framer code component · framer background effect

**Customization:**

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

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

-   All · #9262

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-02
- **Updated**: 2026-04-06
- **Added**: 2025-09-26
- **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