Top 10 : Mejores librerías de alerta y notificación de Javascript y jQuery

Top 10 : Mejores librerías de alerta y notificación de Javascript y jQuery

Al ser un desarrollador web, queremos ofrecerle a nuestro cliente un producto impecable y que funcione perfectamente. Para ello, por supuesto que no debemos ignorar el estilo y el glamour de nuestra aplicación (no dependas de la función de alerta del explorador). En la web encontrarás un montón de plugins de notificaciones y alertas que haran el trabajo duro por ti simplificando increiblemente el tiempo de desarrollo. Incluso buscar un plugin que se ajuste a tu estilo y al de tu aplicación no es fácil, además de que requiere tiempo.

Para hacer tu vida más facil, hemos recopilado en un top para tí, las más utiles, agradables y fáciles de usar librerías escritas en javascript ó jQuery para tu aplicación web.

10. Bootbox

Código fuente | Demo

Todos aman bootstrap ! Bootbox.js es una pequeña librería de javascript que te permite crear dinámicamente dialogos en el explorador usando los modales de Bootstrap, sin tener que preocuparte por crearlos previamente con markup, modificarlos o remover cualquiera de los elementos DOM requeridos o eventos. Solo necesitas, aparte de Bootbox, la librería de bootstrap incluida previamente en tu proyecto.

Bootbox demo

9. Noty

Código fuente | Demo

NOTY es un plugin de jQuery que te permite crear facilmente alertas (de tipo error, advertencia, información y éxito), mensajes de confirmación como alternativa a los dialogos predeterminados. Cada notificación es añadida a una fila y serán mostradas consecutivamente. Las notificaciones pueden ser mostradas en la parte superior, superior-izquierda, superior-centro, superior derecha, centro de la pantalla etc.

Noty

8. Toastr

Código fuente | Demo

Toastr es un plugin de jQuery que permite crear alertas de manera sencilla. El punto de este plugin fue el de crear una libreria centralizada, personalizable y extendible.

Toastr demo plugin

Las notificaciones no bloquean objetos detras (debajo) del elemento flotante. La posición, animación y tema es facilmente modificable.

7. AmaranJS

Código fuente | Demo

AmaranJS es una librería de notificación minimialista. Hace facil la creación de notificaciones animadas y que disponen de multiples temas, faciles de adaptar y modificar. Altamente personalizable.

Amaran

6. Notific8

Código fuente | Demo

Notific8 es un plugin de Javascript que te permite mostrar notificaciones estilo tostada (toast-style) en un sitio web. Está diseñado para ser facilmente personalizable y viene con multiples temas, colores y estilos. El estilo metro de windows 8 le proporciona a tu sitio web un estilo nativo a tu aplicación, especialmente a desarrolladores de la plataforma de Windows (ASP.NET).

Notific8

Los mensajes de alerta aparecerán en la parte superior derecha de la pantalla, de la misma manera en la que sucede en Windows 8.

5. Notie.js

Código fuente | Demo

Notie.js tiene un diseño interesenta y es altamente flexible y personalizable. Incluye caracteristicas como dialogo de confirmación, dialogo de entrada de texto etc.

Notie.js

4. ohSnap!

Código fuente | Demo

ohSnap es una librería sencilla de notificación compatible con jQuery o Zepto. Fue principalmente diseñada para ser usada en aplicaciones móviles. Bastante sencilla pero ofrece un buen desempeño y rendimiento.

OhSnap

3. VEX

Código fuente | Demo

VEX es una moderna librería de dialogos altamente configurable y fácil de personalizar, desarrollada por HubSpot. Con un diseño agradable, buen rendimiento, esta libreria se queda con el tercer puesto en nuestro top. Tiene una API limpia y sencilla de usar, funciona en dispositivos móviles y puede ser personalizado para que se acomode a tu estílo en segundos.

VEX Plugin

2. Sweet Alert 

Código fuente | Demo

Sweet Alert es una agradable y literalmente, un dulce reemplazo para la función predeterminada de alerta en Javascript. Con una animación fluida, un diseño bastante agraciado y facil de usar, sweet alert se queda con el segundo puesto en este top.

Sweet Alert

Una característica especial de Sweet Alert, es que puedes ejecutar una llamada AJAX y esperar a que esta sea finalizada, lo cual te permite manipular la parte asíncrona de tu aplicación facilmente y agradable al usuario. El diseño de Sweet Alert puede ser cambiado para que se acomode a tus gustos.

1. Alertify.js 

Código fuente | Demo

En el primer lugar, se encuentra Alertify.js. Este plugin, que en nuestra opinion, es uno de los más completos,útiles,optimizados y agradables plugins de notificacion que puedes encontrar de manera gratuita en internet. Sin embargo, Alertify.js no es solamente un plugin, es un framework de Javascript que te permite desarrollar asombrosos dialogs y notificaciones en tu aplicación. El código es simple de entender y la implementación es bastante sencilla.

Alertify.js homepage

Alertify.js tiene soport de internacionalización (i18n) y orientación detecha-a-izquierda para lenguajes orientales. Provee muchos temas y es personalizable hasta el nucleo.

Si conoces otro asombroso plugin de notificación y alertas, compártelo con la comunidad en la caja de comentarios.

Esto podría ser de tu interes

Conviertete en un programador más sociable