<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: ebakssa</title>
    <description>The latest articles on DEV Community by ebakssa (@ebakssa).</description>
    <link>https://dev.to/ebakssa</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4224817%2F6dd44554-57e7-4f25-9965-4c0a950191a1.png</url>
      <title>DEV Community: ebakssa</title>
      <link>https://dev.to/ebakssa</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ebakssa"/>
    <language>en</language>
    <item>
      <title>I built a distraction-free writing app inside a CRT (Tauri 2 + CodeMirror)</title>
      <dc:creator>ebakssa</dc:creator>
      <pubDate>Tue, 03 Nov 2026 18:32:52 +0000</pubDate>
      <link>https://dev.to/ebakssa/i-built-a-distraction-free-writing-app-inside-a-crt-tauri-2-codemirror-239i</link>
      <guid>https://dev.to/ebakssa/i-built-a-distraction-free-writing-app-inside-a-crt-tauri-2-codemirror-239i</guid>
      <description>&lt;p&gt;I write a lot of long-form text — novels, essays, journals — and every editor I tried felt like an office tool. Panels, toolbars, sync popups. I wanted the opposite: sit down, screen glows, write.&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;LofiWriter&lt;/strong&gt;: a markdown writing app styled like an old CRT monitor.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9rmin40uxbgfn7nmzulu.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9rmin40uxbgfn7nmzulu.gif" alt="LofiWriter cycling through its five themes" width="700" height="394"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What it does
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Markdown editing in a CodeMirror editor, wrapped in a curved-glass CRT frame with scanlines&lt;/li&gt;
&lt;li&gt;Five themes: Green Terminal, Amber, DOS Blue, Paper, and Black &amp;amp; Gray&lt;/li&gt;
&lt;li&gt;A built-in "radio" — a turntable UI playing a 12-track lofi soundtrack I originally made for another project&lt;/li&gt;
&lt;li&gt;UI in English and Korean&lt;/li&gt;
&lt;li&gt;Manuscripts stored as plain local files — no account, no cloud&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Tauri 2&lt;/strong&gt; for the shell — the whole installer stays small, and the same build ships to macOS and Windows&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CodeMirror&lt;/strong&gt; for editing — reliable, hackable, and easy to theme per-theme with CSS variables&lt;/li&gt;
&lt;li&gt;The CRT itself is pure CSS: layered gradients for scanlines, a subtle barrel curve on the bezel, and phosphor-glow text shadows. The monitoring preset drives how strong the effect is, so it can be dialed from "subtle" to "1987"&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Two things that bit me along the way:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Preset-driven styling.&lt;/strong&gt; The CRT look is controlled by a monitoring preset (bezel width, scanline strength, glass curve). Early on I hand-tuned the window once and silently lost the preset — the app still "worked" but the CRT was just… a rectangle. Now the preset is the single source of truth for the effect.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;macOS signing.&lt;/strong&gt; Getting the build Developer ID signed and notarized so Gatekeeper lets it through took longer than any single feature. Worth it — "your app is damaged" is not the first impression you want. (Windows is still unsigned, so SmartScreen warns. That's next.)&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;p&gt;The free demo is on itch.io — one manuscript, but every theme and the radio are included, so you can tell in five minutes whether writing inside a CRT is your thing or a gimmick:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ebakssa.itch.io/lofiwriter" rel="noopener noreferrer"&gt;https://ebakssa.itch.io/lofiwriter&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Full version is $12.99, and it's currently in review for the Mac App Store.&lt;/p&gt;

&lt;p&gt;If you write long-form, I'd honestly like to know: does an environment like this help you focus, or does the effect wear off after an hour? That answer decides where I take it next.&lt;/p&gt;

</description>
      <category>tauri</category>
      <category>rust</category>
      <category>showdev</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
