starred/sileo

Fork 0

mirror of https://github.com/hiaaryan/sileo.git synced 2026-04-26 23:45:50 +03:00

[GH-ISSUE #11] [feature] Vanilla JS port of Sileo #8

New issue

Open

opened 2026-03-02 05:16:30 +03:00 by kerem · 5 comments

kerem commented

2026-03-02 05:16:30 +03:00

Owner

Originally created by @hamada147 on GitHub (Feb 16, 2026).
Original GitHub issue: https://github.com/hiaaryan/sileo/issues/11

Thank you for your contribution to open-source with this amazing lib ❤️

I've built a vanilla JS port of Sileo (zero dependencies, framework-free) with 1:1 visual parity sileo-vanilla. With Vue 3 port also being contributed on this PR (#10), would you be open to restructuring as a monorepo (src/core, src/sileo-react, src/sileo-vue, src/sileo-vanilla, etc.)? Happy to submit a PR if so.

Edit 1 (16 Feb 2026):

Live Demo

Edit 2 (19 Feb 2026):

I've mirrored the improvement introduced till this commit SHA b851ddc6856b9eb5e7b8f252b2917370661819ea
Allow passing «type» to sileo.show() for dynamic toast state
Removed global CSS scope for elements outside Sileo
Added support option styling (fill background, description colour) light/dark mode when toggle switch theme

Edit 3 (21 Feb 2026):

fixed: title was not being shown

Originally created by @hamada147 on GitHub (Feb 16, 2026). Original GitHub issue: https://github.com/hiaaryan/sileo/issues/11 Thank you for your contribution to open-source with this amazing lib ❤️ I've built a vanilla JS port of Sileo (zero dependencies, framework-free) with 1:1 visual parity [sileo-vanilla](https://github.com/hamada147/sileo-vanilla). With Vue 3 port also being contributed on this PR (#10), would you be open to restructuring as a monorepo (src/core, src/sileo-react, src/sileo-vue, src/sileo-vanilla, etc.)? Happy to submit a PR if so. Edit 1 (16 Feb 2026): - [Live Demo](https://hamada147.github.io/sileo-vanilla/) Edit 2 (19 Feb 2026): - I've mirrored the improvement introduced till this commit SHA [b851ddc6856b9eb5e7b8f252b2917370661819ea](https://github.com/hiaaryan/sileo/commit/b851ddc6856b9eb5e7b8f252b2917370661819ea) - Allow passing «type» to sileo.show() for dynamic toast state - Removed global CSS scope for elements outside Sileo - Added support option styling (fill background, description colour) light/dark mode when toggle switch theme Edit 3 (21 Feb 2026): - fixed: title was not being shown

kerem commented

2026-03-02 05:16:30 +03:00

Author

Owner

@ssantss commented on GitHub (Feb 16, 2026):

Thanks for the initiative on the vanilla version! 🙌

I noticed a couple of bugs in your live demo:

Positions → States conflict: When you click any position in the "Positions" section, the "States" section stops working — no toast fires after that.

Would be great to get those fixed before merging. Looking forward to seeing this move forward!

@ssantss commented on GitHub (Feb 16, 2026): Thanks for the initiative on the vanilla version! 🙌 I noticed a couple of bugs in your live demo: 1. **Positions → States conflict**: When you click any position in the "Positions" section, the "States" section stops working — no toast fires after that. Would be great to get those fixed before merging. Looking forward to seeing this move forward!

kerem commented

2026-03-02 05:16:30 +03:00

Author

Owner

@hamada147 commented on GitHub (Feb 16, 2026):

@ssantss thank you for taking the time to test my implementation 🤗. I will address these issues in a couple of hours

@hamada147 commented on GitHub (Feb 16, 2026): @ssantss thank you for taking the time to test my implementation 🤗. I will address these issues in a couple of hours

kerem commented

2026-03-02 05:16:30 +03:00

Author

Owner

@hamada147 commented on GitHub (Feb 17, 2026):

@ssantss issue has been fixed 🤗

@hamada147 commented on GitHub (Feb 17, 2026): @ssantss issue has been fixed 🤗

kerem commented

2026-03-02 05:16:30 +03:00

Author

Owner

@enderhacker commented on GitHub (Feb 18, 2026):

The demo is now broken. It seems that the URLs that import the library into the Live Demo are not working.
Please fix this as a vanilla port of this library would be amazing!

@enderhacker commented on GitHub (Feb 18, 2026): The demo is now broken. It seems that the URLs that import the library into the Live Demo are not working. Please fix this as a vanilla port of this library would be amazing!

kerem commented

2026-03-02 05:16:31 +03:00

Author

Owner

@hamada147 commented on GitHub (Feb 19, 2026):

@enderhacker fixed it. It was using the development URL, not the production URL, to import the JS script. It should now be fixed.

@hamada147 commented on GitHub (Feb 19, 2026): @enderhacker fixed it. It was using the development URL, not the production URL, to import the JS script. It should now be fixed.