Explore the various features and styles of ModernNotify with these preset notifications. Each card showcases a different type of notification or configuration option. Click the "Show" button to see the notification in action, or "View Code" to understand how it's implemented. These presets offer a quick way to explore ModernNotify's capabilities and inspire your own custom configurations.
Display a success message with default settings.
Show an error notification with a dark theme.
Display a warning with fade animation.
Show an info notification without progress bar.
Notification in the top-left corner.
Notification in the bottom-right corner.
Notification in the bottom-left corner.
Notification that stays for 10 seconds.
Quick notification (1 second duration).
A wider notification (400px width).
A narrower notification (200px width).
Notification with custom HTML content.
Right-to-left text notification.
Notification that doesn't auto-dismiss.
Notification with clickable buttons.
Notification with an audio alert.
Multiple notifications grouped together.
Notification with a dark color scheme.
Tailor your notification to perfection using the options below. Experiment with different settings to create a notification that fits your exact needs.
Use the code editor below to test ModernNotify. You'll find several pre-written examples. Click the "Execute Code" button to run the code and see the notification in action. Feel free to modify the examples or write your own code to explore ModernNotify's features!