Name: Zen Mode – Obsidian Plugin · Obsidian Stats
Rating: 52 (23 reviews)
Author: paperbenni

by paperbenni

Score: 52/100

Install Code

Description

Category: Customization & UI

#zen #ui #hide

The Zen Mode plugin transforms Obsidian into a distraction-free environment, perfect for reading, presentations, or focused writing. By hiding most of the UI elements, it maximizes the space available for your content, whether on mobile or desktop. Zen Mode ensures a clean, minimalist interface, leaving only the essential view of your document. On mobile, it significantly improves PDF viewing, utilizing nearly the entire screen, while on desktop, it provides a quick toggle between editing and viewing modes. This plugin also integrates seamlessly with themes through its zenmode-active class, enhancing compatibility for a truly immersive experience.

Reviews

No reviews yet.

Stats

stars

5,628

downloads

forks

519

days

total PRs

open PRs

closed PRs

merged PRs

total issues

open issues

closed issues

commits

Latest Version

1.6.5

3 months ago

Changelog

See all version on GitHub

README file from

Github

Overview

An Obsidian Zen-Mode pluigin based on the Hider plugin.

This plugin enables you to hide most Obsidian UI to be able to focus on the content.

Changes in most recent version

Top bar is draggable in Zen mode
Added device-dependent "exit Zen mode" button option
Added "Full screen" option
Added "Hide properties" option
Added "Hide inline title" option
Added top/bottom padding options
Added focused file option

Why

Obsidian is by default unfit for content consumption or presentations. On mobile, viewing a PDF results in less than 40% of the screen being used for the PDF.

mobile_nozen

Zen Mode hides all UI Elements except the current text file or document, all that remains is a single button to restore all UI

mobile_zen

On desktop the problem is less severe, but there is still no way to quickly switch from an editing friendly experience to a viewing friendly experience. In addition to hiding all UI, zen mode also collapses and restores the side bars when being toggled.

desktop_nozen desktop_zen

Making your theme compatible with ZenMode

ZenMode injects the zenmode-active class on the body element when zen mode is active.

Development

pnpm install - Install dependencies
pnpm dev - Start development build in watch mode
pnpm build - Build production version
pnpm lint / pnpm lint:fix - Run linting
pnpm version minor/major/patch - Bump version

TODO

refactor CSS

lots of duplicate code
CSS formatter config?

Similar Plugins

info

• Similar plugins are suggested based on the common tags between the plugins.

Homepage

5 years ago by mirnovov

An Obsidian plugin that opens a specified note, canvas, or workspace on startup, instead of the most recent one.

Hider

5 years ago by @kepano

Hide Obsidian UI elements such as tooltips, status, titlebar and more

Iconic

2 years ago by Holo

Customize your icons and colors directly from the Obsidian UI, including tabs, files & folders, bookmarks, tags, properties, and ribbon commands.

Editor Width Slider

3 years ago by @MugishoMp

With this plugin you can set the line width of the editor in obsidian.

CSS Editor

3 years ago by Zachatoo

Edit CSS snippets in Obsidian.

Focus Mode

5 years ago by ryanpcmcquen

Add focus mode to Obsidian.

Icon Shortcodes

4 years ago by AidenLx

Obsidian Plugin: Insert emoji and custom icons with shortcodes

Beautitab

2 years ago by Andrew McGivery

A plugin for Obsidian.MD that creates a customizable new tab view with beautiful backgrounds, quotes, search, and more.

Ninja Cursor

4 years ago by vorotamoroz

Hide Folders

3 years ago by JonasDoesThings

Toggle the visibility of folders in the Obsidian.MD file navigator based on name-patterns

Background Image

3 years ago by shmolf

cursor-goaway

2 years ago by Xuer

make cursor goaway after open a text file

Emoji Magic

3 years ago by simplgy

Makes it easier to add emojis using an improved keyword search

Status Bar Organizer

2 years ago by Kacper Darowski

Arrange and hide status bar elements.

Font Size Adjuster

2 years ago by Ryota Ushio

An Obsidian.md plugin to adjust font size via commands.

Fontsource

2 years ago by Ayuhito

A plugin to load custom fonts from Fontsource into Obsidian.

Node Auto Resize

2 years ago by Boninall

Canvas Card Background Remover

2 years ago by luxmargos

This Obsidian plugin allows you to make the background of cards transparent in the Canvas for specific embed types, including Image (png), Canvas, and even Markdown.

File Explorer Markdown Titles

5 years ago by Dylan Elliott

Obsidian Plugin that adds the the markdown title within your notes to the file explorer

Blur

3 years ago by @gapmiss

A plugin for creating obfuscated blocks of text in Obsidian.md

Collapsible Code Blocks

a year ago by Bradley Wyatt

Obsidian Plugin that makes code blocks collapsible in reading and edit view as well as enabling scroll-able code blocks.

Obsidian Stylist

3 years ago by ixth

Obsidian plugin that allows to add classes and styles on markdown blocks

Command Palette--

4 years ago by qawatake

An Obsidian plugin to provide a command palette without unwanted commands

Tokei

3 years ago by HiroMike

A simple clock for Obsidian

Full Screen Toggle

2 years ago by Donkey Pacific

Fullscreen toggle plugin across all platforms for Obsidian.

Auto Hide Cursor

3 years ago by Mo Ismat

A simple plugin for https://obsidian.md

Additional Icons

2 years ago by Matthew Turk

Add additional iconsets to Obsidian

Soomda

3 years ago by Michael Lee

🙈 Soomda — An Obsidian plugin that lets you quickly hide your sidebars.

Explorer Colors

a year ago by Scott Van der Zwet

Set cascading colors for files and folders in Obsidian.

Auto Reading Mode

3 years ago by Kelvin Cao

Shrink pinned tabs

2 years ago by Nicolas Lœuillet

Obsidian plugin to shrink pinned tabs in order to save screen space

Color cycler

2 years ago by Taylor Brennan

Plugin for Obsidian to dynamically change the accent color

Context Command Hider

a year ago by Mara-Li

This plugin allows you to hide every command from the Obsidian's right-click context menu.

Theme toggle

a year ago by @gapmiss

Obsidian.md plugin … adds a ribbon icon and command for toggling between dark & light theme modes.

Tag Formatter

2 years ago by snsvrno

Configurable Obsidian plugin that hides parent tags.

Theme by Folder

a year ago by Jinmu Go

Automatically switch Obsidian themes based on the folder of the opened note

Command Block List

2 years ago by Ryota Ushio

Hide unwanted commands from the command palette in Obsidian.

Backgroundset

a year ago by daonali

similar as vscode background

Wheel Tab Switcher

a year ago by 22-2

Switch between Obsidian Tabs using your mouse wheel when hovering over tab headers.

Theme Controller

a year ago by Binaris

Set when and how the themes will be displayed

Smooth Cursor

a year ago by Busyo

Obsidian光标美化插件

Hide Commands in Menu

a year ago by bomian98

Obsidian Plugin, hide different commands in different menus.

Close Window When Empty

2 years ago by Taylor Jadin

Hide Traffic Lights

a month ago by Ben Phillips

Hides macOS traffic light buttons for a distraction-free experience. Hover over the top-left corner to reveal them.