Forem: Flowershow

Turn your Obsidian Vault into a beautiful website with Flowershow!

Theo Bertol — Fri, 06 Feb 2026 14:11:01 +0000

Hey 👋

If you use Obsidian and have ever wanted to publish your notes as a website, we’ve built something that makes this easy.

Flowershow lets you turn an Obsidian vault into a fast, clean website — perfect for blogs, notes, or digital gardens. And to make publishing simpler, we built an Obsidian plugin that connects your vault directly to Flowershow.

Publish your vault to the web — directly from Obsidian

With the Flowershow Obsidian plugin, you can publish your notes without setting up repositories or dealing with complex workflows.

The idea is simple:

Install the plugin
Connect it to Flowershow
Click Publish

Your notes are uploaded, built, and published as a website — straight from Obsidian.

No Git required.
No command line.
Just write, then publish.

If that sounds useful, you can learn more here:
👉 https://flowershow.app/blog/announcing-obsidian-plugin-4

We’d love to hear what you think 🌸

Flowershow now supports HTML publishing!

Theo Bertol — Thu, 29 Jan 2026 15:45:36 +0000

Flowershow now supports raw HTML publishing! 🚀

Sometimes converting to Markdown just feels wrong—whether it’s a hand-coded portfolio, a data dashboard, or a custom landing page. You want the file exactly as it is.

The Old Way: Piling HTML into Markdown blocks, fighting layout: plain frontmatter, and hoping the parser didn't break your CSS. It was brittle and frustrating.

The New Way: Drop your .html file into your content folder and publish.

flowershow publish index.html

No configuration needed.
No formatting errors.
Mix-and-match: Keep your docs in Markdown, but use raw HTML for custom landing pages or HTML reports

It just works.

Check out the full announcement:https://flowershow.app/blog/announcing-html-support

Turn your Obsidian vault into dynamic galleries with Obsidian Bases

Theo Bertol — Mon, 26 Jan 2026 17:26:08 +0000

If you use Obsidian, you probably have "collections" – a folder of books you've read, a directory of project notes, or a list of recipes.

Usually, these notes have metadata (frontmatter) — covers, ratings, dates, tags.

You often want to list them in a nice way, displaying those fields (like a gallery of book covers with ratings), instead of just a text list.

But automatically generating these views on a static site is hard. You often end up manually maintaining a brittle Markdown list (- [[Book A]], - [[Book B]]). It’s tedious, and it breaks the moment you add a file but forget to update the index.

We added Obsidian Bases support to Flowershow to fix this.

filters:
  file.folder == "books"
views:
  - type: cards
    image: cover_image

Flowershow takes that, scans your folder, and renders a beautiful, filterable grid of cards.
It lets you define dynamic views — like Cards or Tables — directly in your Markdown.

Instead of writing a list, you write a query:
Check out our Announcement Blog here: https://flowershow.app/blog/announcing-obsidian-bases-beta

I wanted to publish one Markdown file, not start a project

Theo Bertol — Wed, 21 Jan 2026 22:46:58 +0000

Most publishing tools assume you’re building something permanent.

But a lot of writing doesn’t look like that.

Sometimes it’s a single Markdown file sitting on your machine. You’ve finished writing, and all you want is a link you can share.

We built a small CLI for that moment.

The Flowershow CLI lets you publish directly from your terminal — without setting up a repo or clicking through a dashboard.

Quick start

npm i -g @flowershow/publish
publish auth login
publish ./my-folder

Done! You'll get a ready to share URL!

If you make changes later:

publish sync ./my-folder

This doesn’t replace UI-based workflows. It’s for people who already live in their editor and terminal and want publishing to feel like part of the same flow.

It’s currently in beta and requires Node.js.
Docs cover the details, or you can explore via publish --help.
Docs here: https://flowershow.app/docs/cli
Blog here: https://flowershow.app/blog/announcing-flowershow-cli

Publishing Markdown shouldn’t be a side project

Ola Rubaj — Mon, 19 Jan 2026 18:20:59 +0000

A while back we shared a Next.js template - Flowershow - for turning Markdown into a website. It worked well—but it also came with the usual costs: setup, configuration, deployment, and ongoing maintenance.

So we built a new version of Flowershow: an open-source, fully hosted platform for publishing Markdown as a real website.

The focus is simple: write in Markdown, publish, and move on.

With hosted Flowershow you can:

Publish docs, notes, blogs, or small product sites in minutes
Use your own domain and customize the look without touching code
Get built-in features like full-text search and comments out of the box
Skip servers, CI pipelines, Docker, and framework decisions entirely

It works well for:

project documentation
indie product websites
“learning in public” blogs
internal or public knowledge bases / wikis.

Anywhere Markdown already fits, but hosting feels like unnecessary overhead.

If you enjoy writing in Markdown but don’t want publishing to become another thing to maintain, this might be useful:

👉 https://flowershow.app
👀 https://github.com/flowershow/flowershow

We’re building this in the open and will share updates as it evolves.
Feedback, ideas, and rough edges are very welcome. 💐

Publish your digital garden with Flowershow 🌷

Ola Rubaj — Mon, 07 Nov 2022 00:51:12 +0000

What is Flowershow?

Flowershow 🌷 is a free and open-source tool for easily converting your markdown files into an elegant website. It's built on a standard, modern web stack – React, Next.js, and Tailwind and shipped with a basic default theme to get you started with just a few clicks🖱️.

https://flowershow.app/

Following the steps below, or using our tutorial, you can turn your markdown notes into an elegant website and tailor it to your needs.

1. Prepare the content

🚧 Flowershow CLI is not yet supported on Windows
❕ Make sure you have Node.js installed

First, you'll need a folder with some markdown files you'd like to publish. You can use an existing one, e.g. your Obsidian vault. This folder should include at least a single index.md file at the root level, which will be used to generate the home page of your website. If it doesn't exist, Flowershow CLI will create it for you.

To create this folder from scratch, you can do:

mkdir my-digital-garden
cd my-digital-garden
echo 'Hello, world!' > index.md

You can create as many subfolders within your content folder as you want. Its directory tree will be reflected in URL paths on the published website, e.g.: my-digital-garden/blog/hello.md file content will be available under <base-url-of-your-published-website>/blog/hello.

Each folder can have its own index.md file, which will be available under its parent directory path, e.g. my-content/blog/index.md will be available under <base-url-of-your-published-website>/blog.

In order to embed files (e.g. images or pdfs) in your markdown files, you will also need to create a dedicated folder for them in your digital garden directory.

If you're an Obsidian user, you can set this folder as an attachments folder, by right-clicking on it in the sidebar on the left hand side. This way all embedded files will be saved to this folder automatically when you copy them to your notes.

You can create this folder by running:

mkdir my-digital-garden/assets #this can be any other name

If you don't use git version control system to track changes in your digital garden yet, we recommend setting it up. Check GitHub quickstart to learn more.

2. Install Flowershow template

In order to build your beautiful personal website out of your digital garden, you first need to install Flowershow template. This template will be linked to your digital garden after the installation process.

So, let's imagine you have the following folder structure:

some-parent-dir
├── my-digital-garden
│   ├── assets
│   └── index.md
└── ...

If you want to install Flowershow in some-parents-dir you can either:

go to that directory and run npx flowershow@latest install

cd some-parent-dir
npx flowershow@latest install

You'll be asked to confirm if you want to install it in the current directory.

? Create Flowershow project in current directory? Yes

...or you can pass this directory as an argument to the install command.

npx flowershow@latest install some-parent-dir

After running the install command you'll be shown a set of prompts, that will allow you to properly set up Flowershow with your digital garden.

? Path to the folder with your content files
my-digital-garden

? Select a folder with your assets (attachments) (Use arrow keys)
❯ assets
  ──────────────
  I don't need assets folder
  Cancel

🌷 Installing Flowershow template in /home/me/some-parent-dir/.flowershow
⏳ Installing Flowershow dependencies...

At the end you should see .flowershow folder created in the target directory. In our example the folder structure will look like this:

some-parent-dir
├── my-digital-garden
│   ├── assets
│   ├── config.js
│   └── index.md
├── .flowershow
└── ...

Note that config.js and index.md files will be created automatically if they didn't exist in your digital garden folder yet. The config file will allow you to do some basic configurations of your Flowershow app.

(Optional) customize your website

You can now customize your website by wrapping your content in custom layouts, using custom components in you Markdown files, importing data from files and more.

Build your website

You can preview your website locally by running the following command in the directory where .flowershow has been installed:

npx flowershow preview

...or by passing this directory as a command argument:

npx flowershow preview some-parent-dir

After running this command, you will now be able to see your website on http://localhost:3000/ - it will reload every time you make some changes to your content.

If you're ready to publish your site, you can now build it with the following command:

npx flowershow build-static
# or npx flowershow build-static some-parent-dir

It will create a .flowershow/out folder with all the resulting static files.

Feedback🙏

Please take it for a spin and let us know your feedback in the github discussion thread or our new discord chat forum.