How to use overlaysLearn how to create video overlays in the following tutorial.Learn how to create video overlays in the following tutorial.Remix ProjectRemix ProjectRemix ProjectMore videosVersion History3:00Version History3:00Copy from HTML3:10Copy from HTML3:10Components16:10Components16:10Import from Figma9:40Import from Figma9:40Breakpoints16:15Breakpoints16:15Layout & Sizing14:17Layout & Sizing14:17Build Your First Site52:00Build Your First Site52:00Scroll Variant8:18Scroll Variant8:18Scroll Transforms17:06Scroll Transforms17:06Scroll Animations12:47Scroll Animations12:47Sticky Scrolling4:33Sticky Scrolling4:33Scroll Targets7:10Scroll Targets7:10Overlays6:20Overlays6:20Responsive Dropdown Menu19:48Responsive Dropdown Menu19:48Relative Overlays10:20Relative Overlays10:20Scroll Direction3:10Scroll Direction3:10Horizontal Side Scroller3:01Horizontal Side Scroller3:01Mobile Menu: Fade-In10:44Mobile Menu: Fade-In10:44Mobile Menu6:27Mobile Menu6:27Desktop Menu7:12Desktop Menu7:12Fit Text3:28Fit Text3:28Realistic Shadows2:28Realistic Shadows2:28Light & Dark Mode5:44Light & Dark Mode5:44Viewport HeightViewport HeightCode BlocksCode BlocksBold & ItalicBold & ItalicScroll SectionsScroll SectionsConditionals & TransformsConditionals & TransformsDate FilteringDate FilteringFilteringFilteringCSV importCSV importCMS OverviewCMS OverviewTickerTickerSlideshowSlideshowSearchSearchInputInputCookie BannerCookie BannerCarouselCarouselStaging & VersionsStaging & VersionsRedirectsRedirectsCustom DomainsCustom DomainsCustom CodeCustom CodePassword ProtectionPassword ProtectionMetadataMetadataSell on Lemon SqueezySell on Lemon SqueezyCanvas-like websiteCanvas-like websiteApple Zoom Scroll EffectApple Zoom Scroll EffectWave AnimationWave AnimationCreative EffectsCreative EffectsComponent EffectsComponent EffectsPage Effects Page Effects How to Link PagesHow to Link PagesAI Translations StyleAI Translations StylePrepare your TemplatePrepare your TemplateStack VariablesStack VariablesHow to use TemplatesHow to use TemplatesCreative Elements3:23Creative Elements3:23Custom Cursors16:54Custom Cursors16:54Advanced Localization6:31Advanced Localization6:313D Transforms12:453D Transforms12:45Localize your site8:07Localize your site8:07Text Effects3:52Text Effects3:52Fetch10:27Fetch10:27Variants & Validation7:51Variants & Validation7:51Update Form Status6:04Update Form Status6:04Custom Form Submit Button2:10Custom Form Submit Button2:10Optional Form Input Props5:18Optional Form Input Props5:18Creating your first form10:58Creating your first form10:58The Anatomy of a Project5:38The Anatomy of a Project5:38Interacting with Layers1:10Interacting with Layers1:10Thinking in Frames3:53Thinking in Frames3:53Absolute Positioning7:39Absolute Positioning7:39Stacks and Relative Positioning8:05Stacks and Relative Positioning8:05Sizing to Fill and Fit Content7:37Sizing to Fill and Fit Content7:37Stacks vs Grids7:45Stacks vs Grids7:45Fixed and Sticky Positioning4:09Fixed and Sticky Positioning4:09Relative, Fixed, and Viewport Sizing7:05Relative, Fixed, and Viewport Sizing7:05Min and Max Sizing8:26Min and Max Sizing8:26Adding Images, Video, and Text6:08Adding Images, Video, and Text6:08The Insert Panel5:13The Insert Panel5:13Adding Links10:30Adding Links10:30Styling Frames10:47Styling Frames10:47Link and Color Styles9:36Link and Color Styles9:36Text Styles7:06Text Styles7:06Themes6:30Themes6:30Components16:57Components16:57Layout Templates12:22Layout Templates12:22What is responsive design?1:26What is responsive design?1:26Designing fluid layouts22:30Designing fluid layouts22:30Creating Breakpoints19:02Creating Breakpoints19:02SEO and Accessibility10:22SEO and Accessibility10:22Site and Page settings6:57Site and Page settings6:57Analytics2:45Analytics2:45CMS References3:47CMS References3:475 Hidden Design Features2:225 Hidden Design Features2:22CMS Canvas Sorting4:04CMS Canvas Sorting4:04Drafts1:44Drafts1:4410 Framer Shortcuts to Supercharge your Productivity1:5410 Framer Shortcuts to Supercharge your Productivity1:54Scale Tool (K)3:32Scale Tool (K)3:32Selection Colors0:57Selection Colors0:57What is the Framer CMS?2:45What is the Framer CMS?2:45Understanding CMS Collections, Items & Fields5:51Understanding CMS Collections, Items & Fields5:51CMS Pages & Dynamic Content8:31CMS Pages & Dynamic Content8:31Utilizing Collection Lists in Framer9:17Utilizing Collection Lists in Framer9:17