Free download

Toasts That Feel Alive

A free setup guide for Ding, the open-source toast library by Yusuf Cengiz where one notification morphs in place on real spring physics instead of stacking: why one toast works, install for React, Svelte, Vue or plain JavaScript, the five calls you need, flows that morph (progress, promise, undo), your brand with CSS variables, sound and accessibility, and the honest catches. Plus a tested dark starter page and six prompts.

The download starts right away; the link also comes by email.

Without the newsletter box you get exactly one email with your link; the address is deleted after 7 days.

What is inside
  • Why one toast One toast that changes state instead of five in a corner.
  • Install React, Svelte, Vue, plain DOM or shadcn, and the scope with a digit 1.
  • Flows that morph Progress to success, promise, failed to retry, deleted to restored.
  • starter/ A tested dark page with four flows, ready to open.
  • PROMPTS.md Six prompts: switch libraries, merge stacks, undo, brand, German labels, review.
  • Honest catches Version 0.0.x, one toast by design, CSP nonce, scope typo.

A web app in React 18+, Svelte 5, Vue 3/Nuxt or plain JavaScript, Node.js for npm, and a modern browser. The guide is in English.

Fabian Faraz Farid · Imprint · Privacy