awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
emilkowalski avatar

emilkowalski/sonner

0
View on GitHub↗
12,487 stars·436 forks·TypeScript·MIT·22 viewssonner.emilkowal.ski↗

Sonner

Sonner is a React-based notification library designed for rendering transient, stackable feedback messages within web applications. It functions as a frontend system for managing and displaying time-limited alerts that inform users of system events or state changes during an active session.

The library utilizes a centralized state machine to manage the lifecycle of each notification, ensuring consistent visibility and removal. It coordinates these elements through an event-driven message bus and renders them into a detached container outside the main application hierarchy to maintain global stacking and positioning.

The system handles layout calculations and animations by dynamically updating browser properties, allowing for real-time adjustments based on the number and size of active notifications. It is built as a reusable component library for integration into React-based user interfaces.

Features

  • Toast Notifications - Provides a React-based library for displaying stackable, transient toast notifications.
  • Notification Systems - Functions as a frontend notification system for managing and rendering transient feedback messages.
  • Alerts & Notifications - Displays transient, time-limited alerts and feedback messages within the user interface.
  • React Components - Provides a reusable React component library for consistent UI feedback and interaction.
  • Feedback and Overlay Components - Implements a feedback component for showing transient status updates and alerts during user sessions.
  • Stacking Calculators - Calculates real-time stacking offsets and positioning for transient notification elements.
  • Lifecycle State Management - Manages the lifecycle of transient notifications through a centralized state machine tracking visibility and timers.

Star history

Star history chart for emilkowalski/sonnerStar history chart for emilkowalski/sonner

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does emilkowalski/sonner do?

Sonner is a React-based notification library designed for rendering transient, stackable feedback messages within web applications. It functions as a frontend system for managing and displaying time-limited alerts that inform users of system events or state changes during an active session.

What are the main features of emilkowalski/sonner?

The main features of emilkowalski/sonner are: Toast Notifications, Notification Systems, Alerts & Notifications, React Components, Feedback and Overlay Components, Stacking Calculators, Lifecycle State Management.

Which projects share features with emilkowalski/sonner?

Projects with overlapping indexed features include: gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… fkhadra/react-toastify — react-toastify is a React toast notification library used to display temporary, animated alert messages. It functions… jossmac/react-toast-notifications — This library provides a centralized system for managing and rendering transient alert messages within React… timolins/react-hot-toast — This project is a notification library for web applications that provides a system for displaying transient,… cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… ionicfirebaseapp/getwidget — Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for…

Projects sharing features with Sonner

These projects share indexed features with Sonner. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • gluestack/gluestack-uigluestack avatar

    gluestack/gluestack-ui

    4,931View on GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    View on GitHub↗4,931
  • fkhadra/react-toastifyfkhadra avatar

    fkhadra/react-toastify

    13,431View on GitHub↗

    react-toastify is a React toast notification library used to display temporary, animated alert messages. It functions as an animated notification framework and queue manager that coordinates the entry and exit transitions of on-screen alerts. The library features an imperative dispatch system that triggers notifications without requiring manual state management. It provides a customizable alert UI component that supports custom content, dark mode themes, and right-to-left layouts. The framework covers notification lifecycle management and behavior configuration, including the ability to limi

    TypeScriptjavascriptnotificationreact
    View on GitHub↗13,431
jossmac/react-toast-notificationsjossmac avatar

jossmac/react-toast-notifications

2,163View on GitHub↗

This library provides a centralized system for managing and rendering transient alert messages within React applications. It functions as a frontend notification manager, using a provider-based architecture to track, update, and remove status alerts through a standardized reactive interface. The system distinguishes itself by allowing developers to replace default alert designs with custom components, ensuring that feedback elements align with specific application branding and design systems. It utilizes portal-based rendering to mount notifications outside the main component hierarchy, ensur

JavaScriptnotificationsreactsnackbar
View on GitHub↗2,163
  • timolins/react-hot-toasttimolins avatar

    timolins/react-hot-toast

    10,848View on GitHub↗

    This project is a notification library for web applications that provides a system for displaying transient, non-blocking toast messages. It functions as a UI component library that manages the lifecycle, visibility, and positioning of alerts, allowing developers to provide immediate feedback to users through success, error, or loading states. The library distinguishes itself through a headless logic architecture that decouples state management from the visual layer, enabling full control over the appearance and structure of notifications. It supports custom component rendering, allowing deve

    TypeScriptnotificationsreactsnackbar
    View on GitHub↗10,848
  • Compare all 30 related projects→