#live-preview
View:
  • 1.
    Orgmode (CM6)
    2 years ago by Benoit Bazard
    favorite
    share
    Score: 56/100
    The Orgmode (CM6) plugin brings the power of Orgmode, a popular plain-text document format, to Obsidian. It supports features like live preview, syntax highlighting, and customizable TODO keywords, making it ideal for task management and structured note-taking. Users can fold sections, use wiki-style links, display inline images, and integrate IDs between files. The plugin also supports source code blocks with syntax highlighting for multiple programming languages. Orgmode's advanced syntax is partially implemented, including headings, property drawers, and planning lines, enhancing the Obsidian experience for users familiar with Orgmode.
  • 2.
    Edit mode switch
    a year ago by Mara-Li
    favorite
    share
    Score: 54/100
    Category: Customization & UI
    The Edit mode switch plugin adds a convenient button to the file header in Obsidian's edit mode, enabling users to toggle seamlessly between source mode and live-preview mode. It also supports a 'three-mode toggle' feature that allows switching between read mode, source mode, and live-preview mode in a specified order. This functionality replaces the default Obsidian button and offers a streamlined experience for managing editing and viewing preferences. Users should note potential visual 'blinks' when switching modes, particularly with live-preview.
  • 3.
    Mode manager
    7 months ago by dk949
    favorite
    share
    Score: 51/100
    The Mode manager plugin enhances Obsidian's editing experience by providing dedicated commands to switch between reading, live preview, and source modes. Instead of relying on the default toggle behavior, users can directly switch to a specific mode, improving workflow efficiency. The plugin also includes a special property that allows files to open in a predefined mode automatically.
  • 4.
    YAML Table
    5 months ago by dainakai
    favorite
    share
    Score: 50/100
    The YAML Table plugin lets users convert YAML code blocks into clean, responsive HTML tables directly within notes. By using a custom language identifier (default: `yaml-table`), it enables real-time rendering of YAML content such as key-value pairs, lists, and nested structures. This makes data-heavy notes far easier to read and visually parse. Captions can also be added inline, and the rendered tables support horizontal scrolling for overflow content. The plugin works seamlessly in Reading View and Live Preview, and users can click the rendered table to edit the underlying YAML. It's a handy solution for turning structured data into legible, styled tables without leaving the note environment.
  • 5.
    Custom Theme Studio
    13 days ago by @gapmiss
    favorite
    share
    Score: 50/100
    The Custom Theme Studio plugin provides an all-in-one toolkit for designing, editing, and managing Obsidian themes visually. It combines a CSS variable manager, live CSS rule editor, and powerful export features-all accessible from a dedicated studio interface. Users can modify colors, fonts, and layout styles using real-time previews and selector-based styling tools. The integrated Ace editor supports syntax highlighting, auto-completion, Prettier formatting, and embedded color pickers for precise control. It also enables users to import fonts, define custom selectors, and export their themes as shareable packages with manifest files.
  • 6.
    Adapt to Current View
    12 days ago by greetclammy
    favorite
    share
    Score: 50/100
    The Adapt to Current View plugin helps visually distinguish between Reading, Live Preview, and Source views by assigning each one a unique accent colour. This subtle yet effective visual cue prevents confusion, like trying to edit while still in Reading mode or wondering why interactive elements behave unexpectedly. It works especially well with themes that prominently highlight accent colours, such as Minimal, Border, and Iridium. The plugin is purely cosmetic but improves your navigation and focus while switching between modes.
  • 7.
    Livecodes Playground
    2 years ago by @gapmiss
    favorite
    share
    Score: 49/100
    Category: Coding & Technical Tools
    The Livecodes Playground plugin integrates a powerful code editor within Obsidian, allowing users to create, manage, and run interactive coding playgrounds. It supports multiple programming languages and frameworks, enabling rapid prototyping and live previews of code. Users can generate new playgrounds, import existing configurations, or utilize starter templates for languages like JavaScript, Python, and HTML. The plugin also offers features such as quick playground creation, integration with CodePen, and live previews of code blocks within Obsidian. Playgrounds are saved as Markdown notes, maintaining compatibility with the Obsidian environment. The plugin provides extensive customization options for setup and configuration, catering to both beginners and advanced developers.
  • 8.
    Dynamic Text Concealer
    2 years ago by Matt Cole Anderson
    favorite
    share
    Score: 45/100
    The Dynamic Text Concealer plugin is a game-changer for Obsidian users who want to declutter their notes and focus on the content. With this plugin, you can dynamically replace text using user-defined regular expressions, effectively hiding ugly metadata from other plugins. For instance, you can conceal curly braces used by Obsidian to Anki, or any other pattern that clutters your notes. The plugin also allows you to capture groups and conceal them in your notes, making it easy to organize and customize your content.