Publish your Obsidian notes, beautifully.

For free, no coding.

Turn your markdown notes into an elegant website and tailor it to your needs. Flowershow is easy to use, fully-featured, Obsidian compatible and open-source.

Sign up to get notified when it's ready

We are actively trialling Flowershow before wide release. If you'd like to help us test it or be first on the list to use please sign up.

A project ofLife ItselfLife ItselfDatopianDatopian

What is Flowershow?

Flowershow is an 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.

Crafted for Obsidian

Works with your existing Obsidian notes out of the box. No need to modify the syntax or change file layout. Not an obsidian fan? Flowershow will work with any CommonMark or GFM markdown files.

Elegant & Functional

Clean and elegant default theme with dark and light mode, hero, navbar, backlinks section and support for internal links, backlinks, math, mermaid, callouts and more.

Customize and extend (if that’s your thing!)

Want to spice things up? Flowershow is easy to extend, tweak and customize and is built on standard, modern web stack – React, NextJS and Tailwind.

Backed by an experienced team

We’ve been building content and data driven products for over a decade, and we’re passionate about sharing knowledge and ideas with others.
We love markdown as much as we love open-source (which is a lot!).

How Flowershow works?

🚧 Coming soon! 🚧

We are actively trialling Flowershow before wide release. If you'd like to help us test or be first on the list to use it please sign up using the form at the top of this page.

1

You have a folder with your Markdown files and you want to publish it.

2

Run npx flowershow publish in this folder…

After running this command, you'll be shown some basic configuration prompts. At the end you'll get a response: Live at https://xyz.flowershow.sites/...

3

… and see your website online! 🎊

Deploy on your own

🚧 Coming soon! 🚧

We are actively trialling Flowershow before wide release. If you'd like to help us test or be first on the list to use it please sign up using the form at the top of this page.

1

You have a folder with your Markdown files and you want to publish it…

…using hosting platform of your choice (e.g. Netlify, Vercel, or Cloudflare).

2

Run npx flowershow create in the root folder of your content's repository…

After running this command, you'll be shown some basic configuration prompts. At the end Flowershow CLI app will create a /flowershow folder with the Flowershow site template.

3

Now you can run npx flowershow build to create a folder with all the static files of your website…

… and publish it wherever you want!

Features

Here are some of the cool features that are currently supported by Flowershow, and some that we're intensively working on.

βœ… Markdown

Flowershow supports CommonMark and GitHub Flavoured Markdown (GFM) syntax, e.g. code blocks, blockquotes, lists, tasks lists and tables.

Learn more ➑

Flowershow has been designed with Obsidian users in mind and so, currently, it supports internal links to other pages. Links to headings, blocks, and transclusions will also be supported in the future.

Learn more ➑

βœ… Custom page layouts and components

You can customize and create new layouts for your pages.

Learn more ➑

Also, thanks to MDX support, you can use custom React components within your markdown notes.

Learn more ➑.

βœ… Tailwind support

Tailwind support makes it easy to style your in-markdown HTML and custom React components.

Learn more ➑

βœ… Mermaid

Displaying Mermaid diagrams within in your notes.

Learn more ➑

βœ… Math

MathJax math exaptions support.

Learn more ➑

βœ… SEO

Support for for meta tags for SEO and social sharing.

Learn more ➑

🚧 Knowledge graph

Interactive knowledge graph to see how your notes are interconnected.

🚧 Notes previews

Wikipedia-like internal links previews on hover.

🚧 Themes

A set of different starter themes to choose from and support for dark/light mode.

Lists of forward links used on the page and back links to the page from other pages.

🚧 Excalidraw support

Displaying Excalidraw sketches directly in your markdown pages.

🚧 CLI tool

Our goal is to make using Flowershow as seamless as possible. To facilitate smooth bootsrapping and upgrading your website we're creating a CLI tool, that will take care of all the intricacies related to the whole process of publishing your notes.

πŸ‘· There is a lot of other exciting stuff we're working on. Check our roadmap to learn more!

Why the name?

Flowershow is about sharing your digital garden – putting it "on show" to the world. And what do you have in your garden? Flowers! Hence "Flowershow": it shows off your digital garden to the world!