AlertWind make popups easy and beautiful with TailwindCss
Generator/js Alert library


Before you start make sure you link the

AlertWind Js

file in your html, once this you can call the awd function.

This project is still under development, we keep improving it and adding new features, meanwhile you can download the small AlertWind Js file and try simple and small alerts with TailwindCss

  1. Simple Alerts

    Code
                              
                                awd('AlertWind')
                              
                            
  2. Alerts with title and text

    Code
                              
                                awd({text:'AlertWind',title:'title-AlertWind'})
                              
                            
  3. Simple Alerts info,success and warning

    Code
                              
                                awd('success-text','success')
                                awd('warning-text','warning')
                              
                            
  4. Alerts position

    Code
                              
                                awd('top-left','','top-left')
                                awd('top-right','','top-right')
                                awd('bottom-left','','bottom-left')
                                awd('bottom-right','','bottom-right')