Resources

Dotted Video Component for Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Dotted Video Component for Framer

View demo

Copy component

Remix project

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

Component

Dotted Video Component for Framer

This is a Framer component based on Mike's work that turns any video into dotted art without any messing around with code. Just paste it into your project, upload the video, and see the magic happen.

image of Nandi Muzsik
image of Isaac Roberts
Image of Mike

Created by

Nandi

,

Isaac

,

and

Mike

Animated Dotted Video Component in Framer with circular halftone pattern on a black background and bold white text overlay

About the resource

This component is fully customizable, and despite its name, it can also be used with an image. You can also use it in "Square" shape mode instead of "Circle," which will give you more of a pixelated look.

About the resource

This component is fully customizable, and despite its name, it can also be used with an image. You can also use it in "Square" shape mode instead of "Circle," which will give you more of a pixelated look.

About the resource

This component is fully customizable, and despite its name, it can also be used with an image. You can also use it in "Square" shape mode instead of "Circle," which will give you more of a pixelated look.

Framer Dotted Video Component settings panel with options for video source, sizing, playback, shape, dot size, gap, color, and background customization

Properties of the dotted video component in Framer.

Framer Dotted Video Component settings panel with options for video source, sizing, playback, shape, dot size, gap, color, and background customization

Properties of the dotted video component in Framer.

Framer Dotted Video Component settings panel with options for video source, sizing, playback, shape, dot size, gap, color, and background customization

Properties of the dotted video component in Framer.

As you can see in the image above, it has a bunch of other property controls that you can play around with, so paste the component into your project and have fun experimenting with it.

As you can see in the image above, it has a bunch of other property controls that you can play around with, so paste the component into your project and have fun experimenting with it.

As you can see in the image above, it has a bunch of other property controls that you can play around with, so paste the component into your project and have fun experimenting with it.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • Portrait with "Product Design Web" typography background

    Crazy Hover Mask Reveal in Framer

    Component

    Portrait with "Product Design Web" typography background

    Crazy Hover Mask Reveal in Framer

    Component

  • Category navigation menu: Motion selected

    Unusual Navigation Item Selector in Framer

    Component

    Category navigation menu: Motion selected

    Unusual Navigation Item Selector in Framer

    Component