How To Use The Shimmer Dot Component in Framer

How To Use The Shimmer Dot Component in Framer

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to make your first $1,000 with Framer

Free training

How to make your first $1,000 with Framer

Free training

Intermediate

29 min

How To Use The Shimmer Dot Component in Framer

Learn how to recreate the popular shimmer background effect in Framer. I'll guide you through creating hover cards, animated logos, and hero sections using this effect. You'll discover how to customize the shimmer component, set up masks, and create smooth animations without any coding.

image of Nandi Muzsik

Taught by

Remix project file

Remix project file

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

More lessons

More lessons

View all

Framer Tutorial: Image Sequence Scroll Animation (Step-by-Step)
[LIVE] I Cooked the Impossible Effect in Framer...