The latest articles on Forem by flytime2026 (@flytime2026). https://forem.com/flytime2026 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3925338%2Fdcb96908-ba51-403d-a027-8a34158107ee.png https://forem.com/flytime2026 en flytime2026 Mon, 11 May 2026 16:03:47 +0000 https://forem.com/flytime2026/slideforge-turn-markdown-into-beautiful-html-presentations-with-asian-design-themes-31dp https://forem.com/flytime2026/slideforge-turn-markdown-into-beautiful-html-presentations-with-asian-design-themes-31dp <p>I just released <a href="https://github.com/flytime2026/slideforge" rel="noopener noreferrer">SlideForge</a> — an open-source HTML presentation tool that turns simple Markdown into gorgeous slides.</p> <h2> Why I built this </h2> <p>Most presentation tools look Western-centric. Asian design themes are missing, or if they exist, they are an afterthought. SlideForge ships with 5 authentic Asian themes out of the box — from ink-wash landscape to modern business red.</p> <h2> What makes it unique </h2> <ul> <li> <strong>41 curated themes</strong> — including Shanshui (山水, ink-wash), Little Red Book (小红书, cream modern), Business Gold-Red</li> <li> <strong>31 layout types</strong> — cover, section, content, two-column, quote, comparison, timeline, and more</li> <li> <strong>47 animation effects</strong> — fade, slide, scale, rotate, flip, and custom easing</li> <li> <strong>ECharts + Chart.js dual engine</strong> — interactive charts in your slides</li> <li> <strong>Presenter mode</strong> — with speaker notes and timer</li> <li> <strong>Zero build step</strong> — pure static HTML/CSS/JS, works offline</li> </ul> <h2> Quick start </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/flytime2026/slideforge.git <span class="nb">cd </span>slideforge bash scripts/new-deck.sh <span class="s2">"My Presentation"</span> examples/ open examples/My<span class="se">\ </span>Presentation/index.html </code></pre> </div> <h2> The Asian design difference </h2> <p>I spent time crafting themes that actually look good for East Asian content — proper CJK font stacks, culturally appropriate color palettes (reds, golds, warm ambers), and layouts designed for Chinese/Japanese/Korean text.</p> <h2> What is next? </h2> <p>I am working on a Pro version ($19.99 on Gumroad) with 20+ more themes, advanced animations, and a drag-and-drop editor. The open-source core stays free forever under MIT.</p> <p>Check it out: <a href="https://github.com/flytime2026/slideforge" rel="noopener noreferrer">https://github.com/flytime2026/slideforge</a></p> opensource html css webdev