{"repo":"Ellpeck/ObsidianCustomFrames","free":true,"listed":false,"github":"https://github.com/Ellpeck/ObsidianCustomFrames","clone":"git clone https://github.com/Ellpeck/ObsidianCustomFrames.git","description":"An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.","language":"TypeScript","stars":837,"topics":["obsidian","obsidian-plugin","google-keep","obsidianmd","iframe","embed"],"license":"MIT","category":"productivity","readme_excerpt":"Obsidian Custom Frames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more. 🤔 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. 🪟 Pane Mode To open a Custom Frame as a pane, you can use the \"Custom Frames: Open\" command. There are also plenty of settings to customize your frame further, including adding custom CSS to the site, adding a ribbon icon, displaying the frame in the center of the editor, and more. 🗒️ Markdown Mode You can also display your custom frames in your Markdown documents. Custom Frames adds a special code block syntax that transforms the code block into a custom frame in Live Preview and Reading mode. Your code block should look like this: Optionally, you can also pass custom style settings to the embed, which allows you to change things like the embed's height, as well as an additional suffix that will be appended to the frame's regular URL, which can be useful for things like displaying a specific note in Google Keep. Here's an example using the Google Keep preset: 📱 On Obsidian Mobile Unfortunately, Obsidian Mobile does not run on Electron, which is what allows iframes and webviews to be displayed with very few restrictions related to cookies, cross-origin resource sharing, and so on. This means that a lot of sites won't work there, especially ones","default_branch":null,"files":null,"tree":[],"storefront":"/r/Ellpeck","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Ellpeck/ObsidianCustomFrames/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}