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.
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
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
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
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
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
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
Bokaa
