#live-preview
  • 1.
    Livecodes Playground
    9 months ago by @gapmiss
    favorite
    share
    Score: 50/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.
    View Plugin Details
  • 2.
    Edit mode switch
    4 months ago by Mara-Li
    favorite
    share
    Score: 46/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.
    View Plugin Details