Sonner preview

About

Smooth stacking, swipe-to-dismiss and sensible defaults make Sonner one of the most loved toast libraries in the React ecosystem.

Code

tsx
import { Toaster, toast } from "sonner";

export default function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast("My first toast")}>Give me a toast</button>
    </div>
  );
}

Find similar

Similar references

Matched on shared industry, category, type, style, technology and preview colors.