Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Image Border Style

shenoy-anuragshenoy-anurag1k downloads

Border styling for images in markdown notes.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

With this plugin, you can:

Have nice rounded borders (or not) for images ranging from no-border, to a 2px border all the way to a 32px border radius.

And, tinker with more image border related settings.

Features

  • Lightweight, negligible impact on performance.
  • Default border radius is same as one in Notion.
  • 9 sizes from no-border to 4XL border radius.
  • Ability to choose Border Width (6 sizes from 0px to 5px).
  • Automatic Theme-Aware Border Color (faint grey for dark mode, and charcoal for light mode).
  • Custom Border Color setting.

Note: Setting changes may not reflect until you switch pages. I'm trying to solve this while adhering to Plugin guidelines.

Demonstration of the Obisidian Image Border Style Plugin

Border Width and Color Preview

Installing the plugin

Easiest way is to install it from the Obsidian Community Plugin marketplace (currently under review).

Until it's approved by the Obsidian team, the plugin will need to be installed manually.

Manually installing the plugin

  • Go the releases section and download main.js, styles.css, manifest.json from the latest release.
  • Copy over main.js, styles.css, manifest.json to your vault VaultFolder/.obsidian/plugins/image-border-style/.

Development

  1. Clone the repository: git clone https://github.com/shenoy-anurag/obsidian-image-border-style.git.
  2. Run npm install to install dependencies.
  3. Run npm run build to build the plugin.
  4. Run ./publish_plugin_local.sh to copy the plugin files to your Obsidian Vault's plugin folder. Learn how to do this in the Wiki.

Support me if you like this project!

Buy me a coffee: https://buymeacoffee.com/anuragshenoy

77%
HealthExcellent
ReviewSatisfactory
About
Apply customizable rounded borders to images with nine radius sizes (no-border to 4XL) and six border widths (0–5px). Use automatic theme-aware border colors or pick a custom color while keeping a minimal performance impact.
ImagesAppearanceCSS
Details
Current version
1.2.0
Last updated
2 months ago
Created
Last year
Updates
4 releases
Downloads
1k
Compatible with
Obsidian 0.15.0+
Platforms
Desktop, Mobile
License
0BSD
Report bugRequest featureReport plugin
Sponsor
Buy Me a Coffee
Author
shenoy-anuragshenoy-anurag
www.anuragshenoy.com/
GitHubshenoy-anurag
  1. Community
  2. Plugins
  3. Images
  4. Image Border Style

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Lapel

Show the heading levels in the gutter of the editor.

Pretty Properties

Makes note properties look more fun: adds side image, banners, list property colors and allows to hide specific properties.

Snippetor

Create and tweak common snippets.

Pixel Banner

Enhance your notes with customizable banner images.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Auto Card Link

Automatically fetches metadata from a URL and makes it as a card-styled link.

Contextual Typography

Add a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.