π New Framer Component: Screen Lock Controller
Ever had a website where the screen going to sleep ruins the experience?
I built Screen Lock Controller β a Framer component that keeps the device screen awake while your experience is active.
Live on: https://framerdevv.framer.website/riedoo
β¨ Features
β’ π Screen Wake Lock API integration β’ π± Keep the screen awake during interactions β’ π Automatic wake-lock re-acquisition when the page becomes visible again β’ π₯ Optional Portrait / Landscape orientation locking β’ β‘ Interaction or automatic activation modes β’ π Live Screen & Orientation status indicators β’ π¨ Fully customizable colors, glass effect & blur β’ π€ Custom typography controls β’ π Compact mode for smaller layouts β’ βΏ Accessible controls with ARIA support β’ π§© Framer Property Controls β’ π‘ Static-renderer compatible for Framer
It uses native browser capabilities rather than simulating screen activity, making it useful for experiences such as dashboards, kiosks, navigation tools, presentations, timers, monitoring interfaces, and other always-on experiences.
Built from scratch for Framer with a focus on reliability, responsiveness and clean integration.
Made by FramerDevv. β‘
#Framer #FramerComponent #FramerDev #WebDevelopment #NoCode #WebDesign #Frontend
π New Framer Component: Screen Lock Controller
Ever had a website where the screen going to sleep ruins the experience?
I built Screen Lock Controller β a Framer component that keeps the device screen awake while your experience is active.
Live on: https://framerdevv.framer.website/riedoo
β¨ Features
β’ π Screen Wake Lock API integration β’ π± Keep the screen awake during interactions β’ π Automatic wake-lock re-acquisition when the page becomes visible again β’ π₯ Optional Portrait / Landscape orientation locking β’ β‘ Interaction or automatic activation modes β’ π Live Screen & Orientation status indicators β’ π¨ Fully customizable colors, glass effect & blur β’ π€ Custom typography controls β’ π Compact mode for smaller layouts β’ βΏ Accessible controls with ARIA support β’ π§© Framer Property Controls β’ π‘ Static-renderer compatible for Framer
It uses native browser capabilities rather than simulating screen activity, making it useful for experiences such as dashboards, kiosks, navigation tools, presentations, timers, monitoring interfaces, and other always-on experiences.
Built from scratch for Framer with a focus on reliability, responsiveness and clean integration.
Made by FramerDevv. β‘
#Framer #FramerComponent #FramerDev #WebDevelopment #NoCode #WebDesign #Frontend