---
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 · #9861

## Details

- **Author**: Nabeel
- **Price**: $14.00
- **Published**: 2025-08-12
- **Updated**: 2025-08-12
- **Added**: 2025-08-07
- **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