#styling
  • 1.
    Custom Frames
    3 years ago by Ellpeck
    favorite
    share
    Score: 77/100
    Category: Customization & UI
    The Custom Frames plugin is a powerful tool that allows you to turn web apps into customizable panes within Obsidian. With this plugin, you can add frames from popular sites like Google Keep, Todoist, and more, and customize their appearance with custom CSS and settings. You can also use the plugin's Markdown mode to display your custom frames in your notes, complete with options for height, style, and URL suffix. Additionally, the plugin includes a range of presets for popular services, making it easy to get started. Whether you're looking to streamline your workflow or simply add some extra functionality to Obsidian, Custom Frames is definitely worth checking out.
    View Plugin Details
  • 2.
    Markdown Tags
    2 months ago by John Smith III
    favorite
    share
    Score: 51/100
    Category: Note Enhancements
    The Markdown Tags Plugin is a game-changer for anyone looking to enhance the visual clarity of their Markdown notes in Obsidian. This plugin allows users to add styled tags directly into their documents, with customizable colors for both backgrounds and text, making it easy to highlight important labels or organize content visually. Its flexible syntax supports a variety of styles, including options for adding directional arrows to tags for an extra layer of context. You can use predefined colors like green, orange, and blue or define your own with hex codes, giving you full control over the appearance of your notes. Whether you're marking tasks, statuses, or categories, this plugin provides a streamlined way to keep your notes both functional and aesthetically pleasing. Perfect for users who value both style and functionality, the Markdown Tags Plugin helps transform plain text into visually structured, engaging documents.
    View Plugin Details
  • 3.
    Tailwind Snippet
    4 months ago by Nicholas Wilcox
    favorite
    share
    Score: 50/100
    Category: Customization & UI
    The Tailwind Snippet plugin integrates TailwindCSS with Obsidian, enabling users to generate and manage custom CSS snippets within their vault. The plugin allows for automatic updates of snippets based on file changes and provides options for customizing CSS, such as using Tailwind's Preflight styles, adding prefix selectors, and adjusting the PostCSS entrypoint. It also supports a custom Tailwind theme and entrypoints for dynamic content generation. This plugin enhances the styling capabilities of Obsidian with minimal configuration, while also allowing users to integrate Tailwind's powerful utilities and theming features.
    View Plugin Details
  • 4.
    Code Styler
    a year ago by Mayuran Visakan
    favorite
    share
    Score: 46/100
    Category: Customization & UI
    The Code Styler plugin allows users to customize the appearance of code blocks and inline code within Obsidian. It provides complete control over the look and feel of code snippets, including font color, background color, line numbering, and more. Users can define custom themes with distinct styles for light and dark modes. The plugin supports advanced customization options such as highlighting specific lines of code, adding collapsible headers, and displaying codeblock titles. It can also display file references and supports external file linking. Users can manage inline code appearance, including syntax highlighting for specific languages. The plugin is compatible with popular Obsidian plugins like Execute Code, Admonitions, and Code Preview, making it ideal for users who work with large amounts of code or want visually appealing and functional code presentations in their notes.
    View Plugin Details
  • 5.
    Contextual Typography
    4 months ago by mgmeyers
    favorite
    share
    Score: 44/100
    Category: Note Enhancements
    The Contextual Typography plugin is a game-changer for Obsidian users who want to take their notes' visual styling to the next level. This plugin adds a crucial attribute to preview divs, allowing you to define custom typography styles based on the context of your content. With this plugin, you can create beautiful and organized layouts by specifying margin sizes, font weights, and more for specific headings or paragraphs. Imagine being able to effortlessly create visually appealing notes that reflect your unique style and preferences. The Contextual Typography plugin makes it all possible, giving you unprecedented control over the look and feel of your Obsidian notes.
    View Plugin Details
  • 6.
    Checkbox styling helper
    6 months ago by JaewonE
    favorite
    share
    Score: 43/100
    Category: Customization & UI
    The Checkbox Styling Helper plugin is a game-changer for Obsidian users who want to add a personal touch to their notes. This plugin allows you to style checkboxes in preview mode, making it easy to create visually appealing lists and tables. With the ability to customize icons using a intuitive interface, you can add a range of styles to your notes, from simple checkmarks to custom images. The plugin also includes support for three popular themes, ensuring compatibility with most Obsidian setups. Whether you're a student, researcher, or simply someone who wants to organize their thoughts, the Checkbox Styling Helper is a valuable addition to your Obsidian toolkit.
    View Plugin Details
  • 7.
    CSS Inserter
    4 months ago by Erika Gozar
    favorite
    share
    Score: 41/100
    Category: Customization & UI
    The CSS Inserter plugin allows Obsidian users to apply custom CSS snippets to selected text within their notes. Users can define snippets with specific HTML tags, classes, and styles, enabling precise formatting control. The plugin supports adding, removing, and managing CSS styles through the context menu, command palette, or hotkeys. It offers flexibility for customization while requiring basic CSS knowledge, making it ideal for users who want to enhance the visual presentation of their notes.
    View Plugin Details
  • 8.
    TreeFocus
    a year ago by iOSonntag
    favorite
    share
    Score: 30/100
    Obsidian plugin: Highlight, dim & style your files & folders in the file explorer (navigation) based on predefined or custom rules.
    View Plugin Details
  • 9.
    css snippets
    4 months ago by Daniel Brandenburg
    favorite
    share
    Score: 28/100
    Category: Customization & UI
    The CSS Snippets plugin for Obsidian enables users to easily load and manage custom CSS snippets within their vault. By placing `.css` files in a designated folder, the plugin automatically loads them, providing a simple way to customize the appearance of Obsidian. Users can reload or unload these styles with commands in the command palette. The plugin also has future plans for more features, such as individual snippet toggling, a settings tab, and scoped styles. This plugin helps users personalize the Obsidian interface without needing to manually configure each style.
    View Plugin Details