Oura.js Playground

An interactive playground for the glassmorphism notification engine. Click any demo to fire it live.

Live Code Preview

✅

Success

Oura.success()

❌

Error

Oura.error()

⚠️

Warning

Oura.warning()

ℹ️

Info

Oura.info()

⏳

Progress

type: 'progress'

🔥

Custom Modal

Oura.fire()

🧊

Glassmorphism

Premium translucent UI with backdrop-blur and soft shadows.

🌗

System Theme Sync

Automatically follows the OS light/dark preference.

📐

6-Point Positioning

Place toasts at any corner or center edge of the screen.

🌍

i18n Ready

10 built-in locales + custom language support.