DEV Community

Zara bibi Khan
Zara bibi Khan

Posted on

8 Apps to Use Instead of Doomscrolling on Your Phone

`<!DOCTYPE html>




8 Apps to Use Instead of Doomscrolling on Your Phone




<br> :root{<br> --bg:#0f1216; --card:#151a20; --muted:#97a3b6; --text:#e8eef7;<br> --accent:#6ee7b7; --brand:#8b5cf6; --link:#60a5fa; --btn:#1f2937;<br> }<br> <em>{box-sizing:border-box}<br> body{<br> margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;<br> background:linear-gradient(180deg,#0b0e12 0%, #10151c 40%, #0f1216 100%);<br> color:var(--text);<br> }<br> .container{max-width:900px; margin:auto; padding:24px}<br> .badge{display:inline-flex; padding:6px 10px; font-size:.8rem; border:1px solid #273142; border-radius:999px; color:var(--muted)}<br> header h1{<br> margin:.6rem 0 .2rem; line-height:1.2; font-size:clamp(1.6rem,3.5vw,2.4rem);<br> background:linear-gradient(90deg,#e5e7eb, #a7f3d0 60%, #c4b5fd);<br> -webkit-background-clip:text; background-clip:text; color:transparent;<br> font-weight:800;<br> }<br> .sub{color:var(--muted); margin-bottom:18px}<br> .hero{<br> background:radial-gradient(1200px 400px at 10% -10%, rgba(139,92,246,.25), transparent),<br> radial-gradient(1200px 400px at 90% 110%, rgba(110,231,183,.2), transparent);<br> border:1px solid #1f2734; border-radius:18px; overflow:hidden;<br> padding:28px; display:flex; gap:18px; align-items:center; justify-content:space-between;<br> }<br> .hero .art{<br> width:160px; aspect-ratio:1/1; border-radius:16px; border:1px dashed #2b374a;<br> display:grid; place-items:center; font-weight:700; color:#c4b5fd; background:#0e131a;<br> }<br> .cta{<br> display:inline-flex; align-items:center; gap:10px; text-decoration:none;<br> padding:12px 16px; border-radius:12px; background:var(--btn); color:var(--text);<br> border:1px solid #263142; transition:.2s transform,.2s border-color;<br> font-weight:600;<br> }<br> .cta:hover{transform:translateY(-1px); border-color:#334155}<br> .cta .dot{width:8px; height:8px; border-radius:50%; background:var(--accent)}<br> main{margin-top:26px}<br> article{background:var(--card); border:1px solid #1f2734; border-radius:18px; padding:22px}<br> h2{font-size:1.2rem; margin:22px 0 8px}<br> p{color:#cbd5e1; line-height:1.7}<br> .app{padding:14px 16px; border:1px solid #212a39; border-radius:14px; margin:14px 0; background:#0f141b}<br> .app strong{color:#e5e7eb}<br> .link{<br> color:var(--link); text-decoration:none; border-bottom:1px dashed rgba(96,165,250,.5)<br> }<br> .footer{<br> margin-top:20px; display:flex; flex-wrap:wrap; gap:10px<br> }<br> .pill{<br> font-size:.9rem; padding:10px 14px; border-radius:999px; border:1px solid #263142;<br> color:#d1d5db; text-decoration:none; background:#121821<br> }<br> /</em> Small screens */<br> @media (max-width:680px){<br> .hero{flex-direction:column; text-align:center}<br> .hero .art{width:120px}<br> }<br>



Member-only style • 10 min read

8 Apps to Use Instead of Doomscrolling on Your Phone


These apps will actually be worth your time.

  <div class="hero">
    <div>
      <p style="margin-top:0;color:#cbd5e1">
        We all know how easy it is to waste hours doomscrolling through endless feeds. 
        Replace that habit with apps that are productive, fun, and good for your mental health.
      </p>
      <a class="cta" href="https://clik.now/yp2n" target="_blank" rel="noopener nofollow">
        <span class="dot" aria-hidden="true"></span>
        Recommended Link: Click Now
      </a>
    </div>
    <div class="art" aria-hidden="true">🟣📱🟩</div>
  </div>
</header>

<main>
  <article>
    <div class="app">
      <h2>1. <strong>Headway</strong></h2>
      <p>Headway turns long nonfiction books into short, digestible summaries. Learn key ideas in minutes and cut down on mindless scrolling.</p>
      <p>👉 Try it here: <a class="link" href="https://clik.now/yp2n" target="_blank" rel="noopener nofollow">https://clik.now/yp2n</a></p>
    </div>

    <div class="app">
      <h2>2. <strong>Calm</strong></h2>
      <p>Swap stressful news for guided meditations and sleep stories. Calm helps reduce anxiety and improve focus.</p>
    </div>

    <div class="app">
      <h2>3. <strong>Notion</strong></h2>
      <p>Organize ideas, plan your day, and build a personal knowledge hub. Productive > scrolling.</p>
    </div>

    <div class="app">
      <h2>4. <strong>Duolingo</strong></h2>
      <p>Turn idle time into language learning with bite-size lessons that feel like a game.</p>
    </div>

    <div class="app">
      <h2>5. <strong>Blinkist</strong></h2>
      <p>Condensed audio/text takeaways from best-selling nonfiction so you learn quickly, anywhere.</p>
    </div>

    <div class="app">
      <h2>6. <strong>Habitica</strong></h2>
      <p>Gamify your tasks—complete real-life to-dos, level up your avatar, and build better habits.</p>
    </div>

    <div class="app">
      <h2>7. <strong>Pocket</strong></h2>
      <p>Save quality articles and read them later offline to build a smarter reading habit.</p>
    </div>

    <div class="app">
      <h2>8. <strong>Skillshare</strong></h2>
      <p>Learn real skills fast—video editing, design, cooking, and more—from expert-led classes.</p>
    </div>

    <div class="footer">
      <a class="pill" href="https://clik.now/yp2n" target="_blank" rel="noopener nofollow">Open Recommended Link</a>
      <a class="pill" href="#top">Back to Top</a>
    </div>
  </article>
</main>



Top comments (0)