🎮 AriseAlert

A futuristic JavaScript alert library inspired by Solo Leveling's cyberpunk aesthetic

✨ Features

• 🎨 Solo Leveling Inspired Design - Authentic cyberpunk styling
• ⚡ Zero Dependencies - Lightweight and fast (8KB)
• 📱 Mobile Friendly - Responsive design
• 🔧 TypeScript Support - Full type definitions
• 🌈 Customizable Themes - Multiple built-in themes

🚀 Installation

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aniqueali29/arisealert/dist/arisealert.min.css">
<script src="https://cdn.jsdelivr.net/gh/aniqueali29/arisealert/dist/arisealert.min.js"></script>

NPM

npm install arisealert

📖 Usage

Basic Example

// Simple alert
AriseAlert.fire({
    title: 'Welcome, Hunter!',
    message: 'You have entered the Shadow Dungeon',
    icon: '⚔️',
    type: 'success'
});

// Quick methods
AriseAlert.success('Level Up!', 'You reached level 25');
AriseAlert.error('Connection Failed', 'Unable to connect to server');
AriseAlert.warning('Low Health', 'Your HP is below 20%');

Configuration Options

AriseAlert.fire({
    title: 'System Alert',
    message: 'Your skills have been upgraded',
    icon: '🔥',
    type: 'success',           // success, error, warning, info
    theme: 'dark',             // dark, light
    timer: 3000,               // Auto-close timer
    showCloseButton: true,
    confirmButtonText: 'Accept',
    onConfirm: () => console.log('Confirmed!')
});

Promise Support

const result = await AriseAlert.confirm('Delete this item?');
if (result.isConfirmed) {
    console.log('Item deleted');
}

🎨 Available Themes

• dark - Dark mode - Solo Leveling inspired (default)
• light - Light mode

🌟 Browser Support

Modern browsers (Chrome ≥60, Firefox ≥55, Safari ≥12, Edge ≥79)

🤝 Contributing

Contributions welcome! Please read our Contributing Guide.

📄 License

MIT © Anique Ali