ToastNotification
Add beautiful toast notifications to any Framer project. 4 types (success, error, warning, info), spring animations, auto-dismiss with progress bar, and flexible positioning — all customizable from the canvas.
Toast Notification Component for Framer —
Animated, Auto-Dismiss & Fully Customizable Add polished toast notifications to any Framer project instantly. Drop it in, connect a button, done. ---
FEATURES -
4 types — Success, Error, Warning, Info - Spring slide-in & slide-out animation - Auto-dismiss with shrinking progress bar - Stackable — multiple toasts at once - 4 position options (all corners) - Trigger from anywhere with one line: window.__showToast("success", "Title", "Message") --- PROPERTY CONTROLS - Position → bottom-right / bottom-left / top-right / top-left - Duration → 1000ms to 8000ms - Demo mode → on/off --- PERFECT FOR SaaS apps, portfolios, e-commerce, dashboards — anything that needs clean user feedback. --- Built with React + Framer Motion. No extra installs. Works in canvas and preview mode. Free for personal and commercial use.
