loading...

Alertia - JS alert library

abhiprojectz profile image abhiprojectz ・2 min read

Welcome to Alertia!

Make your notifications awesome

Visit a visual guide on

Live website

Source code Alertia on github

How it looks?

Want a replacement from old looking js alert ?

Then just don't worry! Alertia can do it for you, by just a one line of code you can get a beautifull alert messages!

Alertia is a JS library to get awesome instant alert!

Just use:

alertia("A simple alert");

and you get this:

much better , customizable than simple js alert

Getting started

Link alertia js script through JSdelivr

  1. Insert this script in <head></head>

  1. Now just call alertia

<script type="text/javascript"> 
alertia("a simple pop");
</script>

It also supports JSON type formatting to make it simple and easily customizable!

Installation

All you need is a script via CDN, rest it needs 0 installation

Syntax

Basic

The order is "msg" , "type" , "style" & "time"

for eg:

alertia("Hi! i'm on", "normal" , 3000);

Advanved

Use json object formatting as:

=> "msg": "a random msg",
"type":"normal",
"style":"slit",
"time":"3000"

for eg:


alertia({"msg": "a random msg",
"type":"normal",
"style":"slit",
"time":"3000"});

Features

Alertia have various features that a modern alert should have!

Different types of type, style etc

Type

it has 3 types

  1. normal just a normal noification etc

  1. Danger for error, break code etc

  1. success for finishing of task etc

Style

To change animations you need to use style , alertis has lots of animation including roll , fade , slit , bounce etc...

Timer

To access use time:

Preview

At last

If you found this helpfull then do give it a star/upvote etc.

Created with JS by @abhiprojectz

Posted on by:

abhiprojectz profile

abhiprojectz

@abhiprojectz

I'm a web and android developer.Basically reading in 12th grade. Do follow me on twitter

Discussion

pic
Editor guide