{"id":26706613,"url":"https://github.com/almond-bongbong/react-simple-toasts","last_synced_at":"2025-04-05T10:10:49.190Z","repository":{"id":35137766,"uuid":"211611745","full_name":"almond-bongbong/react-simple-toasts","owner":"almond-bongbong","description":"🍞 Instant, lightweight toast notifications for React. No providers or containers needed.","archived":false,"fork":false,"pushed_at":"2025-03-10T22:09:37.000Z","size":15685,"stargazers_count":41,"open_issues_count":2,"forks_count":9,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T06:18:29.912Z","etag":null,"topics":["react","react-notifications","react-toastify","toast","toast-message","toast-notifications","toast-ui","toastify","toastr"],"latest_commit_sha":null,"homepage":"https://almond-bongbong.github.io/react-simple-toasts/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/almond-bongbong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2019-09-29T06:03:04.000Z","updated_at":"2025-03-08T20:30:41.000Z","dependencies_parsed_at":"2023-02-12T15:16:50.891Z","dependency_job_id":"794ebd51-52fd-450a-a742-713804a581fb","html_url":"https://github.com/almond-bongbong/react-simple-toasts","commit_stats":{"total_commits":105,"total_committers":3,"mean_commits":35.0,"dds":0.3047619047619048,"last_synced_commit":"6e0ceaabf669007c8f4438d8e6ea5acb5742f171"},"previous_names":[],"tags_count":38,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almond-bongbong%2Freact-simple-toasts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almond-bongbong%2Freact-simple-toasts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almond-bongbong%2Freact-simple-toasts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/almond-bongbong%2Freact-simple-toasts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/almond-bongbong","download_url":"https://codeload.github.com/almond-bongbong/react-simple-toasts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247318745,"owners_count":20919484,"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":["react","react-notifications","react-toastify","toast","toast-message","toast-notifications","toast-ui","toastify","toastr"],"created_at":"2025-03-27T06:18:38.522Z","updated_at":"2025-04-05T10:10:49.169Z","avatar_url":"https://github.com/almond-bongbong.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Simple Toasts 🍞🚀\n\nElevate your React applications with ultra-sleek toast notifications! With React Simple Toasts, you get an instant, lightweight, and highly customizable toast notification system - all without the hassle of complex setups. Let's make your user notifications pop!\n\n[![NPM](https://img.shields.io/npm/v/react-simple-toasts.svg)](https://www.npmjs.com/package/react-simple-toasts)\n![NPM Downloads](https://img.shields.io/npm/dw/react-simple-toasts.svg)\n![Size](https://img.shields.io/bundlephobia/min/react-simple-toasts)\n![License](https://img.shields.io/npm/l/react-simple-toasts)\n\u003cbr/\u003e\n[![✅ Test](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/00_test.yml/badge.svg)](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/00_test.yml)\n[![Deploy to GitHub Pages](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/01_deploy_to_github_pages.yml/badge.svg)](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/01_deploy_to_github_pages.yml)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/almond-bongbong/react-simple-toasts/master/docs/preview.gif\" alt=\"preview\" /\u003e\n\u003c/p\u003e\n\n\u003e **🚀 Version 6.0.0 Update Notice**\n\u003e\n\u003e We've made significant changes in version 6.0.0:\n\u003e\n\u003e - Switched to BEM styling for easier customization\n\u003e - Now requires explicit import of `style.css`\n\n## Table of Contents\n\n- [Installation](#Installation)\n- [Usage](#Usage)\n- [Key Features](#Key-Features)\n- [Themes](#Themes)\n- [Documentation](#Documentation)\n- [Contribute](#Contribute)\n- [License](#License)\n\n\u003ca name=\"Installation\"\u003e\u003c/a\u003e\n\n## Installation 📦\n\nGet started in seconds!\n\n```bash\nnpm install react-simple-toasts\n```\n\n\u003ca name=\"Usage\"\u003e\u003c/a\u003e\n\n## Usage 💡\n\nIntegrate with ease. Customize with flair.\n\n```jsx\nimport toast, { toastConfig } from 'react-simple-toasts';\nimport 'react-simple-toasts/dist/style.css';\nimport 'react-simple-toasts/dist/theme/dark.css';\n\ntoastConfig({ theme: 'dark' });\n\nfunction MyComponent() {\n  return \u003cbutton onClick={() =\u003e toast('Your toast is ready! 🍞')}\u003eShow Toast\u003c/button\u003e;\n}\n```\n\n\u003ca name=\"Key-Features\"\u003e\u003c/a\u003e\n\n## Key Features 🌟\n\n- **Ease of Use**: Set up in minutes, not hours!\n- **Customizable**: Tailor to your style – themes, durations, interactions.\n- **Browser Friendly**: Consistent experience across all major browsers.\n- **Interactive**: Engaging, clickable toasts with auto-close options.\n- **Multi-Toast Control**: Manage multiple notifications effortlessly.\n\n\u003ca name=\"Themes\"\u003e\u003c/a\u003e\n\n## Themes 🎨\n\nYour style, your toast. Choose from built-in themes or create your own.\n\n### Standard Theme\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/almond-bongbong/react-simple-toasts/master/docs/theme_standard.gif\" alt=\"standard theme showcase\" /\u003e\n\u003c/p\u003e\n\n### Creative Theme\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/almond-bongbong/react-simple-toasts/master/docs/theme_creative.gif\" alt=\"creative theme showcase\" /\u003e\n\u003c/p\u003e\n\n\u003ca name=\"Documentation\"\u003e\u003c/a\u003e\n\n## Documentation 📘\n\nExplore full [documentation](https://almond-bongbong.github.io/react-simple-toasts/) for in-depth guides, examples, and API details.\n\n\u003ca name=\"Contribute\"\u003e\u003c/a\u003e\n\n## Contribute 🤝\n\n\u003c!-- readme: collaborators,contributors -start --\u003e\n\u003ctable\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/almond-bongbong\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/42146674?v=4\" width=\"100;\" alt=\"almond-bongbong\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003eMax\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/hemengke1997\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/49073282?v=4\" width=\"100;\" alt=\"hemengke1997\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003eMinko\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/Kim-Yeon-ho\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/81131715?v=4\" width=\"100;\" alt=\"Kim-Yeon-ho\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003eHardy\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/ammuench\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/2099658?v=4\" width=\"100;\" alt=\"ammuench\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003eAlex Muench\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/THEmmanuel\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/36299715?v=4\" width=\"100;\" alt=\"THEmmanuel\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003eEmmanuel Ayodele Bello\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\n                \u003ca href=\"https://github.com/silverwind\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/u/115237?v=4\" width=\"100;\" alt=\"silverwind\"/\u003e\n                    \u003cbr /\u003e\n                    \u003csub\u003e\u003cb\u003esilverwind\u003c/b\u003e\u003c/sub\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\u003ctbody\u003e\n\u003c/table\u003e\n\u003c!-- readme: collaborators,contributors -end --\u003e\n\nJoin our growing community! [Star us on GitHub](https://github.com/almond-bongbong/react-simple-toasts/stargazers) and contribute to making React Simple Toasts better.\n\n\u003ca name=\"License\"\u003e\u003c/a\u003e\n\n## License 📜\n\nReact Simple Toasts is MIT licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falmond-bongbong%2Freact-simple-toasts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falmond-bongbong%2Freact-simple-toasts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falmond-bongbong%2Freact-simple-toasts/lists"}