FolderPressHow It Works
Get Started →

How It Works

FolderPress turns a Dropbox folder into a live website. Write Markdown files, organize them into folders, and they're published automatically—blog posts, pages, even slide presentations.

Your folder structure is your URL structure:

Dropbox/Apps/FolderPress/
└── My Blog/                    → my-blog.folderpress.com
    ├── posts/
    │   ├── hello.md            → /posts/hello
    │   ├── recipes/
    │   │   └── pasta.md        → /posts/recipes/pasta
    │   └── ideas.draft.md      → (not published)
    ├── decks/
    │   └── my-talk.md          → /decks/my-talk
    └── pages/
        └── about.md            → /about

Connect Dropbox. Each subfolder becomes a site. Every time you save a file, your website updates within seconds—new posts appear, edits go live, deleted files disappear. Use any editor that syncs with Dropbox: iA Writer, Obsidian, VS Code, or just Dropbox Paper.

Writing

Files in posts/ become blog posts. Files in pages/ become standalone pages like About or Contact. The first heading becomes the title. The filename becomes the URL. Subfolders become URL paths.

End a filename with .draft.md and it stays hidden. Set a future date and it publishes itself:

---
published_at: 2025-02-01
---

Drop images next to your Markdown files and reference them with relative paths. Remote URLs work too:

![Photo](./photo.jpg)
![In subfolder](./images/banner.png)
![Remote](https://example.com/image.jpg)

Embeds

Paste a YouTube or Twitter/X URL on its own line. It renders as a rich embed automatically—no special syntax needed:

https://www.youtube.com/watch?v=dQw4w9WgXcQ

https://x.com/naval/status/1002103360646823936

For other services, use an iframe directly. YouTube, Vimeo, Spotify, CodePen, Loom, Google Maps, and Figma are supported:

<iframe src="https://player.vimeo.com/video/76979871"></iframe>

<iframe src="https://open.spotify.com/embed/track/4PTG3Z6ehGkBFwjybzWkR8"></iframe>

Iframes from other domains are removed for security.

Presenting

Markdown in the decks folder becomes a presentation. Separate slides with --- on its own line, with an empty line before and after:

# My Talk Title

John Doe, ACME Inc

---

# Agenda

- Topic 1
- Topic 2
- Topic 3

---

# Topic 1

Details here.

![diagram](./diagram.png)

---

# Questions?

Thanks for listening!

Click Present to go fullscreen. Share the link and your audience sees the deck.

Swipe on touch. Deep link with #slide-3. Print with Cmd+P.

Progressive Reveal

Place <!-- click --> between items. They appear one at a time as you advance:

# Three Things

- First point

<!-- click -->

- Second point

<!-- click -->

- Third point

The ring in the bottom-left tracks your progress through each slide's steps.

Slide Visuals

![bg] sets a background. Text gets a dark overlay automatically. Use the image alone for full-bleed with no overlay:

![bg](./hero.jpg)

# Welcome to My Talk

contain fits without cropping. left or right splits the slide in half:

![bg contain](./diagram.png)

![bg left](./photo.jpg)

![bg right contain](./chart.png)

Automatic Layouts

You don't configure layouts. The content decides. A heading fills the slide. A blockquote becomes a quote card. A number becomes massive:

# Big Statement

---

> The best way to predict the future is to invent it.

---

$4.2B

Newsletter

Every site has a built-in newsletter. Visitors subscribe on your site, and new posts are delivered straight to their inbox.

Choose a mode in site settings:

To skip the newsletter for a single post, add newsletter: false to its frontmatter:

---
newsletter: false
---

Drafts (.draft.md) are never emailed, even in Auto mode.

Good to Know

What's Next

Get Started →