hamada147

hamada147 / sileo-vanilla

Public

Vanilla JS port of Sileo by @hiaaryan (Aaryan). All visual design, animations, and behavior are faithful to the original React library.

10
0
100% credibility
Found Feb 22, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Sileo-vanilla is a lightweight, dependency-free JavaScript library for creating animated, physics-based toast notifications on web pages with support for multiple states, positions, and themes.

How It Works

1
🔍 Discover cool pop-ups

You stumble upon Sileo-vanilla and try the live demo to see bouncy, gooey notification messages sliding onto the screen.

2
📋 Copy the simple snippet

Grab the ready-made lines of code that bring these notifications to any website.

3
🔗 Paste into your webpage

Drop the snippet right into your site's files, and include the matching styles.

4
🔔 Show your first alert

Tell it to pop up a message like 'Saved successfully!' after an action on your site.

5
✨ See the smooth animation

Marvel as the notification wobbles in with realistic physics, expands nicely, and fits perfectly.

6
🎨 Pick your style

Choose spots like top-right corner, tweak colors for day or night, or add undo buttons.

🎉 Delightful site alerts

Your website now greets users with fun, professional pop-up messages that feel alive.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is sileo-vanilla?

Sileo-vanilla ports the React toast library by @hiaaryan (Aaryan) to pure TypeScript with zero dependencies, delivering physics-based spring animations and gooey SVG morphs in any JS environment. It handles six states—success, error, warning, info, action, loading—across six viewport positions, plus promise-based async flows that shift from loading to resolved states. Use via CDN or ESM for instant, framework-free notifications like upload confirmations or form feedback.

Why is it gaining traction?

Its autopilot expand/collapse, swipe-to-dismiss, and system-aware dark mode (via prefers-color-scheme or .dark class) feel premium without bloat. Dynamic state updates and XSS-safe rich content (strings auto-escaped, HTMLElements supported) make it reliable for real apps. Amid GitHub vanilla ports like vanilla tweaks, vanilla extract, or vanilla fixes, it conquers React-only designs for broader use.

Who should use this?

Frontend devs building vanilla JS sites, PWAs, or non-React SPAs needing polished UX—think e-commerce carts, dashboard alerts, or async API responses. Perfect for those porting from frameworks or prototyping like vanilla portfolio setups, avoiding toast boilerplate.

Verdict

Grab it via JSDelivr CDN for a faithful, testable Sileo clone with strong docs, but 10 stars and 1.0% credibility reflect early maturity—no npm yet. Solid for vanilla experiments; fork if you need production tweaks now.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.