Code components

Search a component or section

Video text masker in light theme
Video text masker in light theme
Video text masker in light theme

Last updated on:

December 22, 2025

Video text masker

This video text masker is a best choice to mask videos inside a text element. Strongly recommended to use on the hero sections to make the home page stands out and deliver a best visual experience for the visitors.

0

0

Variants:

1

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy and paste this code component into your Framer project.

  • Sign in if you're unable to copy the component and try again.

  • Set the "Fill" property for the width and choose "Fixed" for height.

  • 300px is the recommended fixed height for this component. (Adjust to the right matching height based on the text size you pick.

  • Insert the video source. This component comes with the capabilities of upload from the local device and by URL source.

  • Autoplay - Keep the autoplay featured turned on for a seamless experience.

  • Playback speed - Adjust the playback speed from the scale of 0.25x - 2x

  • Video sound - Keep it in muted mode. Only turn it on if necessary.

  • Loop - Let the video play on a loop keeps the attention on the page content.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre build Framer components and sections.

Life time access

Save hundreds of hours

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Video text masker

This video text masker is a best choice to mask videos inside a text element. Strongly recommended to use on the hero sections to make the home page stands out and deliver a best visual experience for the visitors.

0

0

Variants:

1

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy and paste this code component into your Framer project.

  • Sign in if you're unable to copy the component and try again.

  • Set the "Fill" property for the width and choose "Fixed" for height.

  • 300px is the recommended fixed height for this component. (Adjust to the right matching height based on the text size you pick.

  • Insert the video source. This component comes with the capabilities of upload from the local device and by URL source.

  • Autoplay - Keep the autoplay featured turned on for a seamless experience.

  • Playback speed - Adjust the playback speed from the scale of 0.25x - 2x

  • Video sound - Keep it in muted mode. Only turn it on if necessary.

  • Loop - Let the video play on a loop keeps the attention on the page content.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre build Framer components and sections.

Life time access

Save hundreds of hours

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Video text masker

This video text masker is a best choice to mask videos inside a text element. Strongly recommended to use on the hero sections to make the home page stands out and deliver a best visual experience for the visitors.

0

0

Variants:

1

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy and paste this code component into your Framer project.

  • Sign in if you're unable to copy the component and try again.

  • Set the "Fill" property for the width and choose "Fixed" for height.

  • 300px is the recommended fixed height for this component. (Adjust to the right matching height based on the text size you pick.

  • Insert the video source. This component comes with the capabilities of upload from the local device and by URL source.

  • Autoplay - Keep the autoplay featured turned on for a seamless experience.

  • Playback speed - Adjust the playback speed from the scale of 0.25x - 2x

  • Video sound - Keep it in muted mode. Only turn it on if necessary.

  • Loop - Let the video play on a loop keeps the attention on the page content.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre build Framer components and sections.

Life time access

Save hundreds of hours

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Just like more components

A light themed read time calculator button

Blog read time calculator

Feb 19, 2026

A light themed read time calculator button

Blog read time calculator

Feb 19, 2026

A hashtag generator component interface in light theme.

Hashtag generator

Jan 30, 2026

A hashtag generator component interface in light theme.

Hashtag generator

Jan 30, 2026

framerstacks qr code in light theme

QR code generator

Jan 13, 2026

framerstacks qr code in light theme

QR code generator

Jan 13, 2026

a listed blog index page in light theme

Item counter

Jan 10, 2026

a listed blog index page in light theme

Item counter

Jan 10, 2026

A chat bot ui design in light theme

Chat bot for Framer

Dec 25, 2025

A chat bot ui design in light theme

Chat bot for Framer

Dec 25, 2025

A light themed 3d calendar demo

Content scheduler

Dec 22, 2025

A light themed 3d calendar demo

Content scheduler

Dec 22, 2025

A light themed 3D title card

3D title card

Dec 14, 2025

A light themed 3D title card

3D title card

Dec 14, 2025

Framerstacks as a text scrambler with a light background.

Text scrambler

Dec 13, 2025

Framerstacks as a text scrambler with a light background.

Text scrambler

Dec 13, 2025

floating starts on a light background.

Floating stars

Dec 12, 2025

floating starts on a light background.

Floating stars

Dec 12, 2025

Load More

Load More

The FAQs

Have questions? We got you…

Everything you need to know about our product and billing.

What is Framerstack?

What is Framerstack?

Is there a free plan available?

Is there a free plan available?

What about the refund policy?

What about the refund policy?

How I can avail my user license?

How I can avail my user license?

Still have questions? Or can't find the right answer? Please contact us. One of our customer support team members will get in touch with you.

Join to the community

Stay in the loop with everything you need to know.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.