E-com notifications

Customizable iOS-style notifications

Overview Webshop Notification is a powerful Framer component designed to display animated activity notifications such as purchases, reviews, sign-ups, or other events. It helps create a sense of live activity and social proof on your website, which can increase trust and encourage visitors to take action. The component is lightweight, easy to use, and designed to integrate seamlessly into modern Framer projects while still offering extensive customization options. Flexible notification content Add and customize as many notifications as you want through the Items list. This makes the component adaptable to many different use cases. • Add or delete notifications • Customize title, subline, and meta text for each item • Simulate purchases, reviews, sign-ups, or other activity • Easily adapt content to match your brand or product Smooth animations and timing control Fine-tune how notifications appear and move to match the tone of your interface. • Control how often notifications appear with Interval • Adjust motion feel using Animation Speed • Customize entry behavior with Entry Distance and Scale • Subtle animations that feel natural and modern Advanced layout control Easily adjust how notifications stack and position on the page. • Control spacing between notifications • Use Top → Stack and Bottom Overlap for layered effects • Create either spacious or tightly stacked layouts • Safe Padding keeps notifications positioned correctly Complete styling customization Match the notification cards to your design system with flexible styling options. • Customize Card Color and Card Alpha • Adjust Card Radius for softer or sharper corners • Control Shadow intensity for depth • Modify Icon Size and Icon Fit for visual balance Background and container Options Match the notification cards to your design system with flexible styling options. • Customize Card Color and Card Alpha • Adjust Card Radius for softer or sharper corners • Control Shadow intensity for depth • Modify Icon Size and Icon Fit for visual balance Practical and versatile use cases Designed to work across many types of websites and projects. • Show recent purchases or product activity • Display customer reviews or ratings • Highlight sign-ups or engagement events • Add subtle social proof to landing pages and webshops

Customizable iOS-style notifications