1<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Universal Inbox allows you to manage all your notifications in a single place and convert them into tasks"><meta property="og:title" content="Universal Inbox | Take control of your notifications, seamlessly manage tasks"><meta property="og:description" content="Universal Inbox allows you to manage all your notifications in a single place and convert them into tasks"><meta property="og:url" content="https://www.universal-inbox.com/"><meta name="image" property="og:image" content="/images/ui-logo-transparent.png"><meta property="twitter:title" content="Universal Inbox | Take control of your notifications, seamlessly manage tasks"><meta property="twitter:description" content="Universal Inbox allows you to manage all your notifications in a single place and convert them into tasks"><meta property="twitter:image" content="/public/images/ui-logo-transparent.png"><meta name="keywords" content="universal inbox, notification, task, solution"><meta name="robots" content="index, follow"><meta name="slack-app-id" content="A06NSPV2JKD"><link href="https://www.universal-inbox.com/" rel="canonical"><link rel="icon" href="/favicon.4419a3ee.ico"><link rel="sitemap" type="application/xml" href="https://www.universal-inbox.com/sitemap.xml"><link href="/public.7f4b3170.css" rel="stylesheet"><title> Universal Inbox | Take control of your notifications, seamlessly manage tasks </title></head><body class="flex flex-col min-h-screen text-base-content"> <div class="navbar p-4"> <div class="navbar-start"> <a class="bg-clip-text bg-gradient-to-b flex font-extrabold from-[#12B1FA] items-center text-transparent text-xl to-primary" href="https://www.universal-inbox.com"> <img class="h-12 w-12" src="/images/ui-logo-transparent.png" title="Universal Inbox" alt="Universal Inbox | Take control of your notifications, seamlessly manage tasks"> Universal Inbox </a> </div> <div class="gap-2 navbar-end"> <a class="p-2" href="https://doc.universal-inbox.com"> <img class="h-8 w-8" src="/book.aab35863.svg" title="Universal Inbox documentation" alt="Universal Inbox documentation"> </a> <a class="p-2" href="https://github.com/universal-inbox/universal-inbox"> <img class="h-8 w-8" src="/github-mark.5b233045.svg" title="Github repository" alt="Universal Inbox Github repository"> </a> <a class="btn btn-outline btn-primary" href="https://app.universal-inbox.com"> Sign in </a> <a class="btn btn-primary" href="https://app.universal-inbox.com/signup"> Sign up </a> </div> </div> <section class="grow"> <div class="flex flex-col gap-10 items-center px-6"> <div class="hero py-6"> <div class="hero-content max-w-5xl text-center"> <div class="flex flex-col items-center mt-24 space-y-4"> <h1 class="bg-clip-text bg-gradient-to-r font-bold from-[#12B1FA] leading-tight lg:text-7xl p-4 text-6xl text-transparent to-[#12B1FA] via-primary"> One Inbox<br> <span class="lg:text-6xl text-5xl">All Your Notifications</span> </h1> <p class="font-medium p-8 text-3xl text-gray-500"> One inbox for all your tools. Zero stress. Maximum focus. </p> <div class="flex flex-col gap-4 sm:flex-row"> <a class="btn btn-lg btn-primary duration-300 hover:scale-105 hover:shadow-2xl shadow-xl transform transition-all" href="https://app.universal-inbox.com/signup"> ⨠Start focusing today </a> <a class="btn btn-lg btn-neutral btn-outline" href="https://doc.universal-inbox.com"> ð Learn More </a> </div> <div class="flex gap-2 items-center text-gray-500 text-sm"> <span class="text-green-500">â</span> No credit card required <span class="text-green-500">â</span> Free forever plan <span class="text-green-500">â</span> Setup in 5 minutes <span class="text-green-500">â</span> Open source </div> </div> </div> </div> <div class="max-w-7xl mx-10 relative"> <div class="-z-10 absolute bg-gradient-to-b blur-3xl from-[#12B1FA]/20 inset-0 scale-110 to-primary/20"></div> <div class="group relative"> <video class="border border-gray-200/50 duration-500 hover:shadow-3xl rounded-xl shadow-2xl transition-shadow w-full" playsinline preload="metadata" poster="/ui-screenshot.f229d8d7.png" aria-label="Screencast of Universal Inbox"> <source src="/ui-screencast.1900afd6.mp4" type="video/mp4"> <img src="/ui-screenshot.f229d8d7.png" alt="Screenshot of Universal Inbox"> </video> <button type="button" aria-label="Play video" class="absolute bg-black/10 cursor-pointer flex hover:bg-black/20 inset-0 items-center justify-center rounded-xl transition-colors" onclick="const v=this.previousElementSibling; v.play(); v.setAttribute('controls',''); this.remove();"> <span class="bg-white/95 duration-200 flex group-hover:scale-110 h-20 items-center justify-center md:h-24 md:w-24 rounded-full shadow-2xl transition-transform w-20"> <svg fill="currentColor" aria-hidden="true" class="h-10 md:h-12 md:w-12 ml-1 text-primary w-10" viewB
1ox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> </span> </button> </div> </div> </div> <div class="bg-gradient-to-b from-gray-50 mt-20 to-primary/5 via-error/10"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-6 max-w-4xl mb-16 mx-auto py-6 text-center"> <h2 class="font-bold leading-tight text-5xl text-gray-800"> Drowning in <span class="relative text-error">notification chaos</span>? </h2> <p class="leading-relaxed text-gray-500 text-xl"> You're not alone. Managing scattered notifications is <span class="text-error">killing your productivity</span> and <span class="text-error">stealing your focus</span>: </p> </div> <div class="gap-8 grid grid-cols-1 max-w-6xl md:grid-cols-2 w-full"> <div class="bg-gradient-to-br border-error border-l-4 card duration-300 from-red-50 hover:shadow-2xl shadow-xl to-orange-50 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-error/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/exploding-head.aabea686.svg" alt="Exploding head emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-error"> Context Switching Hell </h3> <p class="leading-relaxed text-gray-500"> Every tool forces you into a different mindset.<br> Each notification system forces you to learn and remember different interaction patterns, <span class="text-error">fragmenting your mental focus</span>. </p> </div> </div> </div> </div> <div class="bg-gradient-to-br border-error border-l-4 card duration-300 from-red-50 hover:shadow-2xl shadow-xl to-orange-50 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-error/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/recycling.71b3991f.svg" alt="Recycling emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-error"> Endless Context Switching </h3> <p class="leading-relaxed text-gray-500"> Endlessly checking your inboxes, you spend more time hunting notifications than acting on them.<br> The feeling that you're <span class="text-error">missing something important never goes away</span>. </p> </div> </div> </div> </div> <div class="bg-gradient-to-br border-error border-l-4 card duration-300 from-red-50 hover:shadow-2xl shadow-xl to-orange-50 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-error/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/eletric-plug.33dbd4f2.svg" alt="Eletric plug emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-error"> Integration Nightmare </h3> <p class="text-gray-500"> Not all tools offer the same level of integration with your task management tool, making it challenging to consolidate and prioritize tasks across platforms. </p> </div> </div> </div> </div> <div class="bg-gradient-to-br border-error border-l-4 card duration-300 from-red-50 hover:shadow-2xl shadow-xl to-orange-50 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-error/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/sync-off.b9a28040.svg" alt="No synchronization emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-error"> Notification Status Chaos </h3> <p class="text-gray-500"> Complete it in Linear? It's still pending in your task manager. Mark Github notification as done? Email notification still screams for attention. <span class="text-error">Nothing stays in sync</span>. </p> </div> </div> </div> </div> </div> <div class="flex flex-col gap-6 max-w-4xl mt-16 mx-auto py-6 text-center"> <p class="leading-relaxed mb-8 text-gray-500 text-xl"> Switching between inboxes creates a <span class="text-error">constant sense of anxiety</span> as you struggle to keep up with notifications scattered everywhere. </p> </div> </div> </div> <div class="bg-gradient-to-b from-primary/5 py-10 to-white via-primary/20"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-6 max-w-4xl mb-16 mx-auto py-6 text-center"> <div class="relative"> <div class="absolute flex inset-0 items-center"> <div class="border-gray-300 border-t w-full"></div> </div> <div class="flex justify-center relative"> <span class="bg-blue-50 font-medium px-6 py-2 rounded-full text-gray-500 text-sm"> But what if there was a better way? </span> </div> </div> <h2 class="font-bold leading-tight text-5xl text-gray-800"> Meet <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> </h2> <p class="leading-relaxed text-gray-500 text-xl"> The <span class="text-primary">single source of truth</span> for all your notifications.<br> <span class="font-semibold"> One unified inbox. Complete control. Zero context switching. </span> </p> </div> <div class="gap-8 grid grid-cols-1 max-w-6xl md:grid-cols-2 w-full"> <div class="bg-gradient-to-br border-l-4 border-primary card duration-300 from-primary/5 hover:shadow-2xl shadow-xl to-primary/10 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-primary/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/hub.fab4a004.svg" alt="Hub emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-primary"> Reclaim your focus </h3> <p class="text-gray-500"> Stop the constant tab-switching marathon. See <span class="text-primary">all your notifications in one unified dashboard</span>.<br> Act immediately or schedule for later. </p> <div class="flex flex-wrap gap-2 mt-3"> <div class="badge badge-primary badge-sm font-medium"> Github </div> <div class="badge badge-primary badge-sm font-medium"> Linear </div> <div class="badge badge-primary badge-sm font-medium"> Slack </div> <div class="badge badge-primary badge-sm font-medium"> Gmail </div> <div class="badge badge-primary badge-sm font-medium">
1 +More </div> </div> </div> </div> </div> </div> <div class="bg-gradient-to-br border-l-4 border-primary card duration-300 from-primary/5 hover:shadow-2xl shadow-xl to-primary/10 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-primary/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/todo-list.5b5ef055.svg" alt="Todo list emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-primary"> Smart Task Integration </h3> <p class="text-gray-500"> Turn any <span class="text-primary">notification into a task</span> or <span class="text-primary">synchronize tasks</span> between your tools and your task management tool.<br> <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> connect a cohesive and powerful ecosystem. </p> <div class="flex flex-wrap gap-2 mt-3"> <div class="badge badge-primary badge-sm font-medium"> Todoist </div> <div class="badge badge-primary badge-sm font-medium"> TickTick </div> <div class="badge badge-primary badge-sm font-medium"> +More to come </div> </div> </div> </div> </div> </div> <div class="bg-gradient-to-br border-l-4 border-primary card duration-300 from-primary/5 hover:shadow-2xl shadow-xl to-primary/10 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-primary/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/sync.b1ea3c6d.svg" alt="Synchronization emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-primary"> Bidirectional Sync </h3> <p class="text-gray-500"> Bidirectional synchronization ensures that every change made in your tools is reflected in <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span>, and vice versa.<br> <span class="text-primary">Keep your tasks and notifications aligned across platforms</span>. </p> <div class="flex flex-wrap gap-2 mt-3"> <div class="badge badge-primary badge-sm font-medium"> Notifications </div> <div class="badge badge-primary badge-sm font-medium"> Tasks </div> <div class="badge badge-primary badge-sm font-medium"> Issues </div> <div class="badge badge-primary badge-sm font-medium">
1 +More </div> </div> </div> </div> </div> </div> <div class="bg-gradient-to-br border-l-4 border-primary card duration-300 from-primary/5 hover:shadow-2xl shadow-xl to-primary/10 transition-all"> <div class="card-body p-4"> <div class="flex gap-6 items-start"> <figure class="bg-primary/10 p-4 rounded-2xl"> <img class="h-12 w-12" src="/planner.fcf62d99.svg" alt="Planner emoji"> </figure> <div class="flex-1"> <h3 class="card-title font-bold mb-4 text-2xl text-primary"> Intelligent Prioritization </h3> <p class="text-gray-500"> <span class="text-primary">Focus on what matters</span>. Smart filtering, snoozing, and priority management help you tackle important tasks first, not just urgent ones. </p> </div> </div> </div> </div> </div> </div> </div> <div class="py-10"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-6 max-w-4xl mb-16 mx-auto py-6 text-center"> <div class="relative"> <div class="absolute flex inset-0 items-center"> <div class="border-gray-300 border-t w-full"></div> </div> </div> <h2 class="font-bold leading-tight text-5xl text-gray-800"> How <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> works? </h2> <p class="leading-relaxed text-gray-500 text-xl"> Get started in minutes and transform your workflow </p> </div> <div class="flex flex-col gap-16 max-w-7xl px-4 w-full"> <div class="relative"> <div class="bg-gradient-to-br border border-blue-200 card from-blue-50 shadow-xl to-cyan-50"> <div class="card-body flex flex-col gap-8 items-center p-12"> <div class="w-full"> <h3 class="font-bold text-3xl text-blue-700"> Wire up every source you watch </h3> </div> <div class="w-full"> <figure class="flex justify-center"> <img src="/notifications-import.6bdd5a87.svg" alt="Import notifications from third parties" class="h-auto max-w-4xl w-full"> </figure> </div> <div class="w-full"> <div class="card-body"> <p class="leading-relaxed mb-6 text-gray-500 text-lg"> Authorize <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> once per tool â new notifications flow in automatically, and you keep using GitHub, Linear, Slack and Gmail exactly the way you already do. </p> <div class="bg-white border border-blue-200 p-6 rounded-2xl"> <p class="font-semibold mb-2 text-gray-500"> <span class="bg-clip-text bg-gradient-to-r from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> currently supports: </p> <ul class="space-y-0.5 text-gray-500"> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Github notifications </li> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Linear issue and project notifications </li> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Google Mail threads with a specific tag </li> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Google Calendar invitations </li> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Google Drive comments and mentions </li> <li class="flex gap-2 items-center"> <div class="bg-primary h-2 rounded-full w-2"></div> Slack reactions & mentions </li> </ul> </div> </div> </div> </div> </div> </div> <div class="relative"> <div class="bg-gradient-to-br border border-green-200 card from-green-50 shadow-xl to-emerald-50"> <div class="card-body flex flex-col gap-8 items-center p-12"> <div class="w-full"> <h3 class="font-bold text-3xl text-green-700"> Triage at the speed of reading </h3> </div> <div class="w-full"> <figure class="flex justify-center"> <img src="/notifications-manage.93779994.svg" alt="Delete, unsubscribe, or snooze any notification with a single keystroke" class="h-auto max-w-4xl w-full"> </figure> </div> <div class="w-full"> <div class="card-body"> <p class="leading-relaxed mb-6 text-gray-500 text-lg"> Give each notification a verdict â delete, unsubscribe, or snooze â and keep moving without ever leaving <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span>. </p> <div class="bg-white border border-green-200 p-6 rounded-2xl"> <ul class="space-y-4 text-gray-500"> <li class="flex gap-4 items-start"> <div class="bg-gradient-to-r flex flex-shrink-0 from-green-400 h-8 items-center justify-center mt-1 rounded-full text-white to-emerald-400 w-8"> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="h-4 w-4" viewBox="0 0 24 24">
1<path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </div> <div> <span class="font-semibold">Delete</span> what is already resolved â press <kbd class="bg-green-50 border border-green-200 font-bold font-mono px-1.5 py-0.5 rounded text-green-700 text-xs">d</kbd> and let it stay gone until something new arrives. </div> </li> <li class="flex gap-4 items-start"> <div class="bg-gradient-to-r flex flex-shrink-0 from-green-400 h-8 items-center justify-center mt-1 rounded-full text-white to-emerald-400 w-8"> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="h-4 w-4" viewBox="0 0 24 24"><path d="M8.7 3A6 6 0 0 1 18 8c0 7 3 9 3 9h-4.5"/><path d="M17 17H3s3-2 3-9a6 6 0 0 1 .27-1.78M10.3 21a1.94 1.94 0 0 0 3.4 0M2 2l20 20"/></svg> </div> <div> <span class="font-semibold">Unsubscribe</span> at the source â press <kbd class="bg-green-50 border border-green-200 font-bold font-mono px-1.5 py-0.5 rounded text-green-700 text-xs">u</kbd> and the same thread never interrupts you twice. </div> </li> <li class="flex gap-4 items-start"> <div class="bg-gradient-to-r flex flex-shrink-0 from-green-400 h-8 items-center justify-center mt-1 rounded-full text-white to-emerald-400 w-8"> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="h-4 w-4" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> </div> <div> <span class="font-semibold">Snooze</span> when you're not ready â press <kbd class="bg-green-50 border border-green-200 font-bold font-mono px-1.5 py-0.5 rounded text-green-700 text-xs">s</kbd> and it slips out of view until the next pass. </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="relative"> <div class="bg-gradient-to-br border border-purple-200 card from-purple-50 shadow-xl to-indigo-50"> <div class="card-body flex flex-col gap-8 items-center p-12"> <div class="w-full"> <h3 class="font-bold text-3xl text-purple-700"> Send the keepers to your task list </h3> </div> <div class="w-full"> <figure class="flex justify-center"> <img src="/notifications-to-tasks.c2e173c1.svg" alt="Turn notifications into tasks" class="h-auto max-w-4xl w-full"> </figure> </div> <div class="w-full"> <p class="leading-relaxed mb-6 text-gray-500 text-lg"> Some notifications deserve more than a verdict. Promote them straight into your task manager â <span class="bg-clip-text bg-gradient-to-r font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> creates the task or attaches the notification to one you already track, then steps out of your way. </p> <div class="bg-white border border-purple-200 mb-6 p-6 rounded-2xl"> <ul class="space-y-3 text-gray-500"> <li class="flex gap-3 items-center"> <div class="bg-indigo-400 h-2 rounded-full w-2"></div> <div> Press <kbd class="bg-purple-50 border border-purple-200 font-bold font-mono px-1.5 py-0.5 rounded text-purple-700 text-xs">t</kbd> to create a fresh task from any notification </div> </li> <li class="flex gap-3 items-center"> <div class="bg-indigo-400 h-2 rounded-full w-2"></div> <div> Press <kbd class="bg-purple-50 border border-purple-200 font-bold font-mono px-1.5 py-0.5 rounded text-purple-700 text-xs">l</kbd> to attach a notification to a task you already track </div> </li> </ul> </div> <div class="bg-gradient-to-r border border-purple-200 from-purple-100 p-4 rounded-2xl to-indigo-100"> <p class="text-gray-500 text-sm"> <span class="bg-clip-text bg-gradient-to-r font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> currently supports Todoist and TickTick. More task management tools coming soon... </p> </div> </div> </div> </div> </div> <div class="relative"> <div class="bg-gradient-to-br border border-orange-200 card from-orange-50 shadow-xl to-red-50"> <div class="card-body flex flex-col gap-8 items-center p-12"> <div class="w-full"> <h3 class="font-bold text-3xl text-orange-700"> Mark it done once, everywhere </h3> </div> <div class="w-full"> <figure class="flex justify-center"> <img src="/tasks-sync.41a37fee.svg" alt="Tasks synchronization" class="h-auto max-w-4xl w-full"> </figure> </div> <div class="w-full"> <p class="leading-relaxed mb-6 text-gray-500 text-lg"> Status flows both ways. Close a Linear issue or tick off a task in Todoist, and <span class="bg-clip-text bg-gradient-to-r font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> tidies up the matching notification â no stale entries, no double bookkeeping. </p> <div class="bg-white border border-orange-200 p-6 rounded-2xl"> <p class="font-semibold mb-2 text-gray-500"> <span class="bg-clip-text bg-gradient-to-r from-[#12B1FA] text-transparent to-primary">Universal Inbox</span> currently supports: </p> <ul class="space-y-0.5 text-gray-500"> <li class="flex gap-2 items-center"> <div class="bg-orange-400 h-2 rounded-full w-2"></div> Slack reactions </li> <li class="flex gap-2 items-center"> <div class="bg-orange-400 h-2 rounded-full w-2"></div> Assigned Linear issues </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="py-10"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-16 max-w-7xl px-4 w-full"> <div class="relative"> <div class="bg-gradient-to-r from-gray-900 p-8 rounded-3xl text-white to-black"> <div class="flex flex-col items-stretch lg:gap-16 lg:grid lg:grid-cols-2 lg:items-center"> <div class="lg:order-1"> <p class="font-semibold mb-2 text-[#12B1FA] text-sm tracking-wider up
1percase"> Bring your own AI </p> <h3 class="font-bold lg:text-3xl mb-4 text-2xl"> Your AI, <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Every Tool</span> </h3> <p class="leading-relaxed mb-6 text-gray-300 text-xl"> Your assistant, working across every tool you live in, not trapped in the one that built it. </p> <p class="leading-relaxed mb-6 text-gray-400"> Notion AI only sees Notion. Linear AI only sees Linear. Whatever assistant you actually use stays stuck behind whichever vendor shipped it. Universal Inbox flips that: it gives your own AI one place to read, triage, and act on the notifications and tasks from all your connected tools at once, already deduplicated, prioritized, and tracked, so your agent doesn't have to wire up seven services and reconcile seven formats itself. </p> <p class="font-medium mb-6 text-gray-200"> Connect once. Works everywhere your agent does. </p> <div class="mb-8 space-y-4"> <div class="flex items-start space-x-3"> <div class="bg-blue-400 h-2 mt-2 rounded-full w-2"></div> <span class="text-gray-300">One connection, every tool you've added: GitHub, Linear, Slack, Gmail, Calendar, Drive, Todoist, and more.</span> </div> <div class="flex items-start space-x-3"> <div class="bg-blue-400 h-2 mt-2 rounded-full w-2"></div> <span class="text-gray-300">Unified, not raw: a single normalized feed with triage state that persists across sessions and across whichever AI you switch to next.</span> </div> <div class="flex items-start space-x-3"> <div class="bg-blue-400 h-2 mt-2 rounded-full w-2"></div> <span class="text-gray-300">Works with Claude, ChatGPT, Mistral, or any MCP-compatible agent, built on the open Model Context Protocol.</span> </div> <div class="flex items-start space-x-3"> <div class="bg-blue-400 h-2 mt-2 rounded-full w-2"></div> <span class="text-gray-300">Scoped, revocable access: OAuth 2.1, short-lived tokens, no long-lived API keys in your config. Start read-only; grant write access when you trust it.</span> </div> <div class="flex items-start space-x-3"> <div class="bg-blue-400 h-2 mt-2 rounded-full w-2"></div> <span class="text-gray-300">Open-source and self-hostable: your data never leaves infrastructure you control.</span> </div> </div> <a class="btn btn-lg btn-primary duration-300 hover:shadow-2xl shadow-xl transform transition-all" href="https://app.universal-inbox.com/signup"> Connect your assistant <svg fill="currentColor" class="h-4 ml-2 w-4" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 11H3a1 1 0 1 1 0-2h11.586l-4.293-4.293a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg> </a> </div> <div class="lg:mt-0 lg:order-2 mt-8 relative w-full"> <div class="aspect-square bg-gray-800/40 flex items-center justify-center max-w-lg mx-auto p-4 rounded-2xl w-full"> <img src="/byoa-ai-hub.ad861993.svg" alt="Your AI connected via MCP to every tool you use â GitHub, Linear, Slack, Gmail, Calendar, Drive, Todoist" class="h-auto w-full"> </div> </div> </div> <div class="mt-8"> <p class="mb-3 text-gray-400 text-sm">Available in</p> <div class="flex flex-wrap gap-2"> <span class="badge badge-primary">Claude</span> <span class="badge badge-primary">ChatGPT</span> <span class="badge badge-primary">Mistral</span> <span class="badge badge-primary">Any MCP client</span> </div> </div> </div> </div> </div> </div> </div> <div class="py-20"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-6 max-w-4xl mb-16 mx-auto py-6 text-center"> <h2 class="font-bold leading-tight text-5xl text-gray-800"> Simple, transparent <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">pricing</span> </h2> <p class="leading-relaxed text-gray-500 text-xl"> Choose the plan that fits your workflow. Start free, upgrade when you need more power. </p> </div> <div class="gap-8 grid grid-cols-1 lg:grid-cols-2 max-w-4xl mx-auto"> <div class="bg-white border-2 border-gray-200 card duration-300 hover:shadow-2xl shadow-xl transition-all"> <div class="-top-5 -translate-x-1/2 absolute left-1/2 transform"> <span class="bg-white font-semibold px-4 py-1 rounded-full shadow-lg text-2xl text-gray-500"> Free Plan </span> </div> <div class="card-body p-8"> <div class="flex gap-3 mb-6 text-center"> <p class="font-semibold text-gray-500 text-xl"> Perfect for getting started </p> </div> <div class="mb-6"> <div class="flex gap-1 items-baseline"> <span class="font-bold text-4xl text-gray-800">0â¬</span> <span class="text-gray-500">/month</span> </div> <p class="mt-1 text-gray-500 text-sm">Forever free</p> </div> <div class="mb-4 space-y-4"> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600">All core features included</span> </div> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600">Task management integration</span> </div> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600">Raycast extension</span> </div> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600"><strong>Connect 2 tools<strong></strong></strong></span> </div> <div class="flex gap-3 items-center"> <span class="text-primary">â¡</span> <span class="text-gray-600"><strong>1 sync per day</strong> - Perfect for light usage</span> </div> </div> <a class="btn btn-lg btn-neutral btn-outline w-full" href="https://app.universal-inbox.com/signup"> Get Started Free </a> <div class="flex gap-2 items-center justify-center mt-4 text-gray-500 text-xs"> <span class="text-green-500">â</span> No credit card required </div> </div> </div> <div class="bg-gradient-to-br border-2 border-primary card duration-300 from-primary/5 hover:shadow-2xl relative shadow-xl to-primary/10 transition-all"> <div class="-top-5 -translate-x-1/2 absolute left-1/2 transform"> <span class="bg-gradient-to-r font-semibold from-primary px-4 py-1 rounded-full shadow-lg text-2xl text-white to-[#12B1FA]"> Pro Plan </span> </div> <div class="card-body p-8"> <div class="flex gap-3 mb-6 text-center"> <p class="font-semibold text-gray-500 text-xl">
1 For power users and teams </p> </div> <div class="mb-6"> <div class="flex gap-1 items-baseline"> <span class="font-bold text-4xl text-primary">6â¬</span> <span class="text-gray-500">/month</span> </div> <p class="mt-1 text-gray-500 text-sm">$7/month outside the euro area</p> <p class="text-gray-500 text-sm">Taxes included, cancel anytime</p> </div> <div class="mb-5 space-y-4"> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600">Everything in Free plan</span> </div> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600">Priority email support</span> </div> <div class="flex gap-3 items-center"> <span class="text-green-500">â</span> <span class="text-gray-600"><strong>Connect unlimited tools</strong></span> </div> <div class="flex gap-3 items-center"> <span class="text-primary">â¡</span> <span class="text-gray-600"><strong>5-minute sync frequency</strong> - Stay up-to-date instantly</span> </div> </div> <a class="btn btn-lg btn-primary duration-300 hover:scale-105 hover:shadow-2xl shadow-xl transform transition-all w-full" href="https://app.universal-inbox.com/signup"> Get Started with Pro </a> </div> </div> </div> </div> </div> <div class="py-10"> <div class="max-w-7xl mx-auto px-6"> <div class="flex flex-col gap-16 max-w-7xl px-4 w-full"> <div class="relative"> <div class="bg-gradient-to-r from-gray-900 p-8 rounded-3xl text-white to-black"> <div class="flex items-center lg:gap-16 lg:grid lg:grid-cols-2"> <div class="lg:order-1"> <div class="flex items-center mb-6 space-x-3"> <img class="h-8 w-8" src="/raycast-logo-light.9d5f704d.svg" alt="Raycast logo"> <h3 class="font-bold lg:text-3xl text-2xl"> Raycast Integration </h3> </div> <p class="leading-relaxed mb-6 text-gray-300 text-xl"> Take productivity to the next level with our native Raycast extension. </p> <div class="mb-8 space-y-4"> <div class="flex items-center space-x-3"> <div class="bg-blue-400 h-2 rounded-full w-2"></div> <span class="text-gray-300">Instant access to all notifications</span> </div> <div class="flex items-center space-x-3"> <div class="bg-blue-400 h-2 rounded-full w-2"></div> <span class="text-gray-300">Keyboard-first workflow</span> </div> </div> <a class="btn btn-lg btn-primary duration-300 hover:shadow-2xl shadow-xl transform transition-all" href="https://www.raycast.com/dax42/universal-inbox" target="_blank"> Install Extension <svg fill="currentColor" class="h-4 ml-2 w-4" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 11H3a1 1 0 1 1 0-2h11.586l-4.293-4.293a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg> </a> </div> <div class="lg:mt-0 lg:order-2 mt-8 relative"> <div class="bg-gray-800 p-4 rounded-2xl"> <picture> <source srcset="/ui-raycast-screenshot.151d02e6.avif" type="image/avif"> <source srcset="/ui-raycast-screenshot.03e6202a.webp" type="image/webp"> <img class="rounded-lg w-full" src="/ui-raycast-screenshot.1463272f.jpg" alt="Universal Inbox extension for Raycast"> </picture> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-gradient-to-r from-primary py-20 to-purple-600 via-indigo-600"> <div class="max-w-4xl mx-auto px-6 text-center"> <div class="space-y-4"> <h2 class="font-bold leading-tight lg:text-5xl text-4xl text-white"> Break free from notification chaos </h2> <p class="leading-relaxed max-w-3xl mx-auto text-gray-200 text-xl"> Join the growing community of digital workers who have already reclaimed their focus with <span class="bg-clip-text bg-gradient-to-b font-semibold from-[#12B1FA] text-transparent to-primary">Universal Inbox</span>. </p> <a class="btn btn-lg btn-primary duration-300 hover:scale-105 hover:shadow-2xl shadow-xl transform transition-all" href="https://app.universal-inbox.com/signup"> ⨠Start focusing today <svg fill="currentColor" class="h-5 ml-2-hover:translate-x-1 transition-transform w-5" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 11H3a1 1 0 1 1 0-2h11.586l-4.293-4.293a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg> </a> <div class="flex gap-2 items-center justify-center text-gray-200 text-sm"> <span class="text-green-500">â</span> No credit card required <span class="text-green-500">â</span> Free forever plan <span class="text-green-500">â</span> Setup in 5 minutes <span class="text-green-500">â</span> Open source </div> </div> </div> </div> </section> <footer class="bg-base-200 border-base-300 border-t flex flex-wrap footer items-center px-10 py-4 text-gray-500"> <a class="bg-clip-text bg-gradient-to-b flex font-extrabold from-[#12B1FA] items-center text-transparent text-xl to-primary" href="https://www.universal-inbox.com"> <img class="h-12 w-12" src="/images/ui-logo-transparent.png" title="Universal Inbox" alt="Universal Inbox | Take control of your notifications, seamlessly manage tasks"> Universal Inbox </a> <div class="grow"></div> <div class="gap-8 grid grid-cols-1 sm:grid-cols-3 sm:justify-end"> <div class="space-y-2"> <div class="font-bold uppercase">Resources</div> <div> <a target="_blank" href="https://headwayapp.co/universal-inbox-news">Changelog</a> </div> <div> <a target="_blank" href="https://github.com/universal-inbox/universal-inbox" class="flex gap-2 items-center"> <img class="h-4 w-4" src="/github-mark.5b233045.svg" title="Github repository" alt="Universal Inbox Github repository"> Code Source </a> </div> <div> <a target="_blank" href="https://liberapay.com/dax42/donate"> <img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"> </a> </div> </div> <div class="space-y-2"> <div class="font-bold uppercase">Support</div> <div><a href="https://doc.universal-inbox.com">Documentation</a></div> <div> <a target="_blank" href="https://universalinbox.featurebase.app"> Feedback </a> </div> <div> <a target="_blank" rel="noopener noreferrer" href="mailto:[email protected]"> Contact </a> </div> <div> <a target="_blank" class="bg-[#5965F2] flex flex-row font-medium gap-2 h-6 hover:bg-[#4A55E0] items-center px-4 py-2 ring-offset-background rounded-full text-sm text-white" href="https://discord.gg/mwz6qGf9Tt"> <svg class="fill-white h-4 w-4" role="img" viewBox="0 0 24 24">
1<path d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0 13 13 0 0 0-.617-1.25.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.08.08 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13 13 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10 10 0 0 0 .372-.292.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028 19.8 19.8 0 0 0 6.002-3.03.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418"/></svg> Discord </a> </div> <div> <a target="_blank" href="https://status.universal-inbox.com/"> System status </a> </div> </div> <div class="space-y-2"> <div class="font-bold uppercase">Legal</div> <div><a href="/privacy/index.html">Privacy Policy</a></div> <div><a href="/terms/index.html">Terms of Service</a></div> <div><a href="/legal/index.html">Legal Notice</a></div> </div> </div> </footer>
1<script defer src="https://analytics.universal-inbox.com/script.js" data-website-id="a712355c-9acb-4a65-bce4-37c495af22b1"></script>
1 </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.