Desarrollador Full Stack especializado en JavaScript, React, Node.js. Creador de Flashy.js, librería moderna de notificaciones para web.
The most modern and customizable JavaScript notification library in the universe. No dependencies, pure performance 🚀
Librería JavaScript notificaciones, toast messages, alerts modernos, frontend development, Pablo Martínez desarrollador full stack
Features that make Flashy.js the best notification library
Only ~8KB. Lighter than your worries after using it.
Themes, positions, animations and more options under your control.
Perfectly adapts to desktop, tablet and mobile.
Choose your favorite method to integrate Flashy.js into your project
<script src="https://unpkg.com/@pablotheblink/flashyjs@1.0.5/flashy.js"></script>
<script>
flashy('Hello world!', 'success');
</script>
npm install @pablotheblink/flashyjsimport flashy from '@pablotheblink/flashyjs';
flashy('Installed correctly!', 'success');For projects that require local files
Explore the different functionalities with live examples
// Diferentes formas de usar los tipos
flashy.success('Successful operation! 🎉');
flashy.error('Error detected! ⚠️');
flashy.warning('Attention required! 👁️');
flashy.info('Important information 📋');
// O usando el método principal
flashy('Message', 'success');
flashy('Message', { type: 'error' });flashy('Message', {
position: 'top-left' // top-left, top-center, top-right
}); // bottom-left, bottom-center, bottom-rightflashy('Message', {
animation: 'bounce' // slide, fade, bounce, zoom
});flashy('Message', {
theme: 'dark' // light, dark
});Complete technical reference for developers
message (string, required) The notification text
options (object|string, optional) Configuration or notification type
function Function to manually close the notification
| Option | Type | Default | Description |
|---|---|---|---|
type | string | success, error, warning, info, default | |
position | string | top-left, top-center, top-right, bottom-left, bottom-center, bottom-right | |
duration | number | Duration in ms (0 = permanent) (0 = permanent) | |
closable | boolean | Show close button | |
animation | string | slide, fade, bounce, zoom | |
theme | string | light, dark | |
icon | string | Custom icon (HTML/emoji) | |
onClick | function | Callback on click | |
onClose | function | Callback on close |
flashy.success(message, options)
flashy.error(message, options)
flashy.warning(message, options)
flashy.info(message, options)flashy.setDefaults({
duration: 5000,
position: 'bottom-right'
});
flashy.getDefaults();// Close allflashy.closeAll();
// Close specificconst close = flashy('Message');
close();// Cleanup allflashy.destroy();Create your perfect notification like a mad scientist
flashy('Your notification with superpowers!', 'success');flashy('Your notification with superpowers!', {
type: 'success',
position: 'top-right',
duration: 4000,
closable: true,
animation: 'slide',
theme: 'light'
});flashy('Your notification with superpowers!', {
type: 'success',
position: 'top-right',
duration: 4000,
onClick: () => {
console.log('Notification clicked');
},
onClose: () => {
console.log('Notification closed');
}
});Developers from around the world are already using FlashyJS. Read their opinions and experiences.
Frontend Developer | Next.js | React
"The documentation is clear: I copied and pasted and it worked immediately."
Full Stack Developer | Python | Angular
"You have no idea how much I've searched for a functional one, thank you"
Full-Stack Web Developer | Node.js
"I've tested it and it's very good. The animations are simple and respond very well."
Full Stack Developer | PHP, Laravel, C#
"Excellent, very good documentation"
Full Stack Developer | PHP | Laravel | React
"I like it, very easy to implement."
Backend Developer | NestJS | Express
"With the example it's clear, a great find! 8KB!"
"Looks good. I was looking for something like this"
Luis Beroíza
Ingeniero Jefe de Software
"It's super! Congratulations on the launch."
Ricardo Arana-Reyes
Frontend Software Engineer
"I tried it and super good, very easy to use"
Carlos Acosta Nieto
Ingeniero Full Stack
"Just what I was looking for, thank you."
José Luis Quispe
Angular, NestJs Developer
"Very good, I loved it."
Oscar Esteban Loaiza
Ingeniero Multimedia
"Very good! 👌 thanks for the contribution crack!"
Paul Uzcategui
Desarrollador Full Stack
"Between that and GASP uffffff magic is made."
Oscar Bobadilla
Creative & Web Developer
"Perfect for what I'm learning, thanks!"
Olga Betancourt
Full Stack Developer Junior
"Very good!! I'm going to use it in some project!"
Agustina Mena
Full Stack Developer
Discover TikToks, YouTube videos, tutorials and content created by developers using Flashy.js
We are preparing an amazing section with the best community content:
Short videos and tutorials
In-depth tutorials
Articles and guides
Live projects
We want to highlight your work! Share it with us.
Video destacado #1
Próximamente
Tutorial completo
Próximamente
TikTok viral
Próximamente
Help us make Flashy.js even more epic than it already is
If you found a bug or have a great idea, don't stay silent. Tell us everything on GitHub.
Report or Suggest 🚨Contributions are super welcome! Check out our guide and let's build something incredible together.
Contribution Guide 📖Full Stack Developer with a bit of craziness 🤪 for creating tools that make users say "WOW!" I created Flashy.js because boring notifications make me sleepy 😴 and I wanted something that makes screens dance 💃
If this project has stolen your heart ❤️ (and some coffees ☕), consider buying me a pizza 🍕 to keep creating cool things
Your support helps me continue developing useful and free tools for the community
