Skip to content

iPhone Notifications

Animated notifications

iPhone Notifications preview image 1

Summary

Create pixel-perfect iPhone notifications for your Framer projects with this fully customizable component.

Description

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

For design work, questions, or help, please reach out at https://www.fireislanddesign.com/

Rank history How rankings work →

110012001300130478/149/49/2610/1811/9
  • All · #2363

Details

More like this