https://github.com/mirmashhouri/fullscreen
A React component that optimizes fullscreen behavior across mobile browsers (Safari, Chrome, etc.) by hiding the phone status bar and displaying a "swipe up" prompt when the user needs to scroll further. It automatically adapts to both portrait and landscape orientations and ensures a seamless fullscreen experience.
https://github.com/mirmashhouri/fullscreen
fullscreen fullscreen-api fullscreen-chrome fullscreen-iframe fullscreen-mode fullscreen-safari fullscreen-webview maximize-screen react-fullscreen
Last synced: 10 days ago
JSON representation
A React component that optimizes fullscreen behavior across mobile browsers (Safari, Chrome, etc.) by hiding the phone status bar and displaying a "swipe up" prompt when the user needs to scroll further. It automatically adapts to both portrait and landscape orientations and ensures a seamless fullscreen experience.
- Host: GitHub
- URL: https://github.com/mirmashhouri/fullscreen
- Owner: mirmashhouri
- Created: 2023-09-28T14:26:33.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-19T00:22:28.000Z (over 1 year ago)
- Last Synced: 2024-12-19T01:24:01.764Z (over 1 year ago)
- Topics: fullscreen, fullscreen-api, fullscreen-chrome, fullscreen-iframe, fullscreen-mode, fullscreen-safari, fullscreen-webview, maximize-screen, react-fullscreen
- Language: TypeScript
- Homepage: https://fullscreen-nine.vercel.app
- Size: 217 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fullscreen Swipe-Up Component
A React-based fullscreen component designed to ensure a seamless fullscreen experience across all major browsers, including Safari and Chrome. It hides the phone status bar and provides a "swipe up" prompt when the user needs to scroll further.
## Features
- **Fullscreen Optimization**: Resolves fullscreen issues in mobile browsers by dynamically adjusting dimensions and hiding the phone status bar.
- **Responsive Design**: Automatically adapts to portrait and landscape orientations.
- **"Swipe Up" Prompt**: Guides users to swipe up when below the threshold height.
- **Cross-Browser Compatibility**: Works flawlessly on modern browsers, including Safari, Chrome, and Edge.