Fullscreen Toggle
A fully customizable fullscreen toggle for Framer. Adjust icon, background, and border styles to match your design and give users a clean one-tap fullscreen experience.
Made with Workshop
Build your own component with AI
About this Component
This component gives any Framer site a one-tap fullscreen experience. Instead of relying on browser shortcuts that most users never touch, it lets you trigger full-screen mode from inside your design. One click expands the entire interface to fill the screen. Click agai,n and it returns to normal. It works on desktop and mobile, and it keeps the UI feeling intentional, cinematic, and immersive.
One-tap fullscreen toggle: Instantly enter or exit full-screen mode using a single button. Smooth, native browser fullscreen without relying on keyboard shortcuts.
Lightweight and drop-in: No heavy scripts or extra setup. Just drag the component into your canvas, tweak the props, and publish.
Designed for immersive experiences: Perfect for portfolios, product demos, interactive content, and anything that deserves a big-screen moment.
Fully customizable appearance: Set your icon color, background, and border styling exactly how you want. Adjust colors, width, and radius to create anything from a minimal ghost button to a bold, high-contrast action that fits perfectly into your design system.
