{"id":26722721,"url":"https://github.com/asadiahmad/notico","last_synced_at":"2025-04-14T06:55:23.437Z","repository":{"id":263413325,"uuid":"865975211","full_name":"AsadiAhmad/Notico","owner":"AsadiAhmad","description":"A Powerful and beautiful Library for showing JS Notifications.","archived":false,"fork":false,"pushed_at":"2024-10-09T17:48:17.000Z","size":1746,"stargazers_count":32,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-14T06:55:19.512Z","etag":null,"topics":["javascript","javascript-library","notification","notification-library","npm","npm-library"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AsadiAhmad.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-01T12:42:48.000Z","updated_at":"2025-04-02T19:50:42.000Z","dependencies_parsed_at":"2024-11-19T04:31:22.008Z","dependency_job_id":null,"html_url":"https://github.com/AsadiAhmad/Notico","commit_stats":null,"previous_names":["asadiahmad/notico"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AsadiAhmad%2FNotico","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AsadiAhmad%2FNotico/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AsadiAhmad%2FNotico/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AsadiAhmad%2FNotico/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AsadiAhmad","download_url":"https://codeload.github.com/AsadiAhmad/Notico/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248837281,"owners_count":21169374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","javascript-library","notification","notification-library","npm","npm-library"],"created_at":"2025-03-27T20:36:47.711Z","updated_at":"2025-04-14T06:55:23.414Z","avatar_url":"https://github.com/AsadiAhmad.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notico\nA Powerful and beautiful Library for showing JS Notifications\n\n\u003cdiv align=center width=\"300\"\u003e\n    \u003cimg src=\"./gif/gif.gif\" alt=\"Notification Gif\" /\u003e\n\u003c/div\u003e\n\n## Tech :hammer_and_wrench: Languages and Tools :\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/html5/html5-original.svg\" title=\"HTML5\" alt=\"HTML\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/css3/css3-plain.svg\"  title=\"CSS3\" alt=\"CSS\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg\"  title=\"Javascript\" alt=\"JS\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n\u003c/div\u003e\n\n* JavaScript : Core functionality is built with JavaScript\n* HTML (hidden in JavaScript) : Structure of the notification built with HTML\n* CSS (hidden in JavaScript) : Styles and blur effect of the notification built with CSS\n\n## Installation\n\n### Via NPM (better performance) :\n\n#### Prerequisites :\n\nEnsure Node.js and npm are installed on your system.\n\n* If you already have Node.js and npm installed, skip to Step 4. \n\n#### Step 1 : Download the Nodejs\n\nVisit [Nodejs website](https://nodejs.org/) and download latest LTS (Long Time Support) version \n\n#### Step 2 : Install Nodejs and NPM\n\nJust run the installer and be sure check install Nodejs and NPM.\n\n#### Step 3 : Verify the installation\n\nYou can check if you install Nodejs and npm correctly by these commands :\n\n```sh\nnode -v\n```\n\n```sh\nnpm -v\n```\n\nIf you see version numbers, the installation was successful.\n\n#### Step4 : Install Notico Library\n\nYou can install the npm package this command (install latest version):\n\n```sh\nnpm install notico\n```\n\nOr actually using this one for specific version :\n\n```sh\nnpm install notico@1.0.2\n```\n\nThen add this line into your HTML code :\n\n```sh\n\u003cscript src=\"./node_modules/notico/Package/notico.js\" defer\u003e\u003c/script\u003e\n```\n\nNote: if you have a Nodejs Project for web applications it recommended to install this library with this way because this way has better performance than the other way.\n\n### Via CDN (easy to use):\n\nYou can use this script line for using the CDN :\n\n```sh\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/notico@1.0.2/Package/notico.js\" defer\u003e\u003c/script\u003e\n```\n\nNote: If you dont work with Nodejs and NPM then use this way.\n\n## Tutorial\n\n### Use Function in HTML or JS Code\n\n#### HTML use :\n\nCreate a button like this :\n```sh\n\u003cbutton onclick=\"showToast.info({})\"\u003einfo\u003c/button\u003e\n```\n\n#### JS use :\n\nCall that function in js :\n```sh\nshowToast.info({});\n```\n\n## Options\n\nYou can enter your parameters :\n\n```sh\nshowToast.success({\n    title: 'success',\n    message: 'This is an success message',\n    time: 7000\n});\n```\n\nIn this function you can write the title, message and time.\n\nIf no parameters are provided, default values will be used. :\n\nTitle would be the type, message would be nothing or \"\" and time would be 7000 ms.\n\nIf your time parameter is smaller than 2000 ms then it ignore yours and would be 2000 ms.\n\n## License\n\nNotico is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasadiahmad%2Fnotico","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasadiahmad%2Fnotico","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasadiahmad%2Fnotico/lists"}