An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.
Find a file
2022-03-23 13:14:34 +01:00
.github such a sellout 2022-03-22 17:02:39 +01:00
.editorconfig Initial commit 2022-03-19 20:21:16 +01:00
.gitignore Initial commit 2022-03-19 20:21:16 +01:00
esbuild.config.mjs Initial commit 2022-03-19 20:21:16 +01:00
LICENSE Create LICENSE (#1) 2022-03-21 14:43:57 +01:00
main.ts added some attributes to the frame to make it more permissible 2022-03-23 12:52:45 +01:00
manifest.json 2.0.1 2022-03-23 13:14:34 +01:00
package-lock.json 2.0.1 2022-03-23 13:14:34 +01:00
package.json 2.0.1 2022-03-23 13:14:34 +01:00
README.md change the version requirement to be a disclaimer instead 2022-03-23 12:58:33 +01:00
screenshot.png added some nice promo screenshots 2022-03-22 13:27:52 +01:00
settings.png added some nice promo screenshots 2022-03-22 13:27:52 +01:00
styles.css force the iframe's background to white 2022-03-23 11:56:49 +01:00
tsconfig.json Initial commit 2022-03-19 20:21:16 +01:00
versions.json 2.0.1 2022-03-23 13:14:34 +01:00

Obsidian Custom Frames

An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep and more.

For header-heavy sites like Google Keep to work, this plugin requires Obsidian 0.14.3 or newer due to changes in the way iframes are handled.

A screenshot of the plugin in action

A screenshot of the plugin's settings

Usage

To use this plugin, simply go into its settings and add a new frame, either from a preset shipped with the plugin, or a custom one that you can edit yourself. Each frame's tab can be opened using the 'Custom Frames: Open' command.

Presets

By default, Custom Frames comes with a few presets that allow you to get new tabs for popular sites up and running quickly.

  • Google Keep, optimized for a narrow side tab

If you create a frame that you think other people would like, don't hesitate to create a pull request with a new preset.

Roadmap

  • Allow setting a custom icon for each tab
  • Allow displaying custom frames in Markdown code blocks
  • Possibly allow executing custom JavaScript in iframes (though security implications still need to be explored)

Acknowledgements

Thanks to lishid for their help with making iframes work in Obsidian for a purpose like this. Also thanks to them for motivating me to turn Obsidian Keep into a more versatile plugin, which is how Custom Frames was born.

If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!

Support me (if you want), via Patreon, Ko-fi or GitHub Sponsors