any page to trigger smooth, animated alert banners for actions like successful form submissions, loading states, or error alerts. It gives your visitors clear, instant feedback without cluttering your design, using fluid animations that look great and feel completely native to your site.
It manages and stacks multiple live alert popups on your screen, automatically dismissing them after a set time or letting users click to close them. The component handles four distinct messaging states success, error, warning, and info complete with custom text and optional icons. It also displays an active visual progress bar under each alert to show exactly when it will disappear, and includes a set of optional demo buttons so you can test every style instantly right on your canvas.
Layout and positioning: Choose exactly where alerts pop up on the screen, set the maximum number of visible alerts at once, control the automatic disappearance timer, and tweak the layout with custom widths, padding, and gaps between messages.
Alert types and content: Fully edit the text for success, error, warning, and info messages, toggle matching icons on or off, adjust icon and font sizes, change text weight, and set up a custom line height.
Styling and borders: Match your brand with custom background and text colors, pick unique colors for each alert state, adjust border radius, choose your border style (like left side only or full borders), and change the border width.
Animations and controls: Fine tune the feel of your entry popups with adjustable animation stiffness and damping sliders. You can also show or hide drop shadows, adjust shadow intensity, change the dismiss button size, control button padding, and toggle individual demo trigger buttons on or off.
Form submissions and contact pages
E commerce cart actions and checkouts
User login and signup flows
Dynamic dashboards and web apps
Interactive landing pages and product launches
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
