Bring an elegant, Apple-inspired experience to your Framer projects with this iOS Style Gallery component. Engineered for performance and aesthetics, it beautifully adapts familiar mobile interface details from the sophisticated Dynamic Island to smooth swipe-to-dismiss gestures.
Core Features
Intelligent Media Handling: Seamlessly supports both high-resolution images and videos. Videos include an automatic duration badge in the grid view and launch a native video player in full-screen mode.
Native-Feel Navigation: Engineered with desktop-optimized "Drag-to-Scroll" mouse logic. Tap any item to open a full-screen immersive view featuring horizontal swipe navigation and vertical "drag-to-dismiss" elastic physics.
Real-Time UI: Features a dynamic status bar with a synchronized clock that updates every second to match the user's local system time.
Professional Performance: A built-in intelligent pre-loader with a minimalist spinner ensures smooth transitions and prevents broken layouts during media loading.
Customizable Parameters Take full control of the look and feel directly from the Framer property panel:
Media (Photos/Videos): Effortlessly upload and mix images and videos using the file uploader array.
Grid Columns: Dynamically adjust the layout density (from 1 to 10 columns) using the stepper.
Title: Fully editable header text (e.g., "Library", "Recents", "Favorites").
Frame: Customize the physical iPhone frame color to match any device finish.
Screen: Set the background color for the screen interface to support light or dark modes.
Text/Icons: Adjust the color of the UI text, clock, and system icons for perfect contrast.
Scale: Use the slider to scale the entire device perfectly within your web design layout.
Ideal for: High-fidelity app prototyping, UI/UX portfolios, and interactive mobile product showcases.