app like that
Vyrn
Vyrn

Vyrn is a toast library for React and Next.js. It allows you to create and configure toast notifications with various styles and positions. You can customize the swipe direction, layout, and display options. It includes toast types like success, error, warning, and info, and supports custom styling and actions.

Features

Position Configuration

Allows setting the position where toasts will appear on the screen, with options like top-left, bottom-center, etc.

Swipe Direction Configuration

Enables setting the direction in which to swipe to dismiss toasts, such as left, right, up, down.

Color and Progress Bar Options

Offers the ability to toggle color and progress bars on the toast notifications.

Custom Styled Toasts

Provides options to create custom styled toasts using additional CSS classes for personalized appearance.

Complex Toasts with Actions

Supports creating complex toast notifications that include interactive actions, like buttons.

Toast Provider Setup

A setup feature that allows the integration of the toast provider into your React or Next.js application.