---
title: "Star Sparkle Effect — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Nabeel · Sections. Instructions Add the component onto your canvas and position it where you want the sparkle effect Customize Properties: Adjust Density…"
canonical: "https://framer.elliotli.dev/component/star-sparkle-effect"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Star Sparkle Effect

# Star Sparkle Effect

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

![Star Sparkle Effect preview image 1](https://framer.elliotli.dev/og/component/star-sparkle-effect/61d3554594db3ec5/1600x1200.jpg)

## Summary

Instructions Add the component onto your canvas and position it where you want the sparkle effect Customize Properties: Adjust Density for sparkle count, change Color to match…

## Description

## Instructions

1.  Add the component onto your canvas and position it where you want the sparkle effect
    
2.  Customize Properties: Adjust Density for sparkle count, change Color to match your design, set Size for sparkle dimensions, add Size Variance for natural variation, control Speed for animation timing, and use Speed Variance to create organic movement patterns
    
3.  Place the component above or below other elements as needed to achieve the desired visual hierarchy
    

## How it Works

![](https://framerusercontent.com/images/hlfRGUtcDLAxhrNOGlKZEJGbs.png)

The component includes six property controls: Density (10-200) controls how many sparkles appear, Color sets the sparkle color, Size (1-10px) determines base sparkle size, Size Variance (0-10px) adds random size variation, Speed (0.1-5s) controls animation duration, and Speed Variance (0-5s) randomizes individual sparkle timing for natural movement.

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

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

-   All · #9766

## Details

- **Author**: Nabeel
- **Price**: $14.00
- **Published**: 2025-08-12
- **Updated**: 2025-08-12
- **Added**: 2025-08-07
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes