Introducing Slide-CN

Source: Dev.to

Overview

Have you ever created a presentation and had to change the font size of the header manually on every slide? Changing the font color requires selecting all the text on each slide, and after making these tweaks you might realize the previous version looked better—yet reverting is a nightmare.

The issue isn’t the fonts or colors themselves; it’s a lack of version control and reusability. As a developer, I rely on Git to manage code, create reusable components, and collaborate efficiently. Slides are just UI, so why can’t we treat them the same way?

That’s why I built Slide‑CN.

What this unlocks

Version control for presentations

Because slides are written in code, you can use Git and GitHub to track changes, review collaborators’ edits, and streamline your workflow.

Reusability without templates

Slide‑CN is component‑based. Create small custom components, set color schemes, and standardize the look of your company’s presentations without complex templates.

Real data, not screenshots

Your slide deck is essentially a website. You can call APIs, render dynamic content, and pull data from dashboards in real time, making presentations truly alive.

Interactive storytelling

Slides are built from web components that can respond to clicks, mouse movements, and more—offering maximum freedom with zero restriction.

Link, not a file

Host your presentation and share a URL. Updates are instantly visible to everyone, eliminating version‑confusing filenames like demo_version_2_final_final. You can also track audience progress and engagement.

Open‑source

A rich ecosystem of open‑source component libraries can be dropped into a Slide‑CN project, such as:

• Reactbits
• Shadcn
• MagicUI

Nothing matches the flexibility of code’s ecosystem.

Why not Gamma or Canva?

Tools like Canva and PowerPoint abstract away code, a design choice made when web development felt alien to most people. Today, anyone can start coding with modern tools and LLMs that are increasingly adept at generating code.

Gamma represents the opposite end of the spectrum: an agent generates the entire presentation, giving you little control over details. Slide‑CN provides complete freedom while retaining the speed and power of “vibe‑coding.”