iPhone Notifications
Realistic iPhone notification component with customizable app name, message, time, logo upload, and smooth swipe-to-reveal animation.
Make it with Workshop
Build your own component with AI
About this Component
Create pixel-perfect iPhone notifications for your Framer projects with this fully customizable component. Designed to match the exact look and feel of real iOS notifications, complete with smooth animations and professional polish.
Key Features:
✨ Authentic iOS Design - Matches Apple's notification style with accurate styling
📱 Fully Customizable
Edit app name, message, and time stamp
Upload custom logos (Gmail, Instagram, WhatsApp, or any app)
Adjust notification size to fit any screen or layout
Customize icon size and background colors
Control speech bubble size on default Messages icon
🎯 Smooth Swipe Animation
Hover to reveal action button (just like swiping on iPhone)
Customize action text ("Open", "View", "Options", etc.)
Realistic cubic-bezier easing for authentic iOS feel
Toggle animation on/off as needed
