Obsidian Stats logoObsidian Stats

SnipDock

by Joe Raad
5
4
3
2
1
Score: 35/100
New Plugin
Install Code

Description

This plugin has not been manually reviewed by Obsidian staff. Toggle, create, rename and reload CSS snippets from a status-bar menu.

Reviews

No reviews yet.

Stats

stars
downloads
0
forks
0
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

SnipDock

SnipDock

Status-bar menu for managing CSS snippets in Obsidian. Toggle them, rename them, open them in your editor, and create new ones without leaving the note you're working on.

A rewrite of the unmaintained MySnippets plugin against the current Obsidian API.

Demo

SnipDock demo

Usage

Click the dock icon in the status bar (bottom-right) to open the menu.

Snippet menu

The menu has three sections. The top and bottom rows stay pinned; the middle list scrolls.

Master row

  • Master toggle: flips every snippet off and back on. The previously-enabled set is remembered, so toggling back on restores it.
  • Check icon: enable all.
  • X icon: disable all. No memory.

Snippet rows

One row per .css file in your snippets folder.

  • Toggle (or click anywhere on the row) to enable/disable.
  • Pencil icon: rename the file. If the snippet was enabled, it gets re-enabled under the new name.
  • </> icon: open the file in your OS default app for CSS.

Action row

  • Reload: re-read the snippets folder. Useful after adding files outside Obsidian.
  • Open folder: opens the snippets folder in your file manager.
  • +: opens the new-snippet modal. Name + body, body pre-filled from your snippet template. The file lands in .obsidian/snippets/; if the folder doesn't exist yet, it gets created.
  • Gear: jumps to SnipDock's settings.

Commands

Command
Open snippet menu Same as clicking the status-bar icon
Create CSS snippet Opens the new-snippet modal
Toggle all snippets on or off Master switch. Bind a hotkey for fast theme isolation.

Settings

Settings tab

  • Menu width (px) and max height (% of window).
  • Open after creating: open the new file in your editor immediately.
  • Enable on creation: turn new snippets on right away.
  • Snippet template: starter CSS for new snippets.

Install

In Obsidian: Settings → Community plugins → Browse, search for "SnipDock", click Install, then Enable.

Manual install

  1. Grab main.js, manifest.json, and styles.css from the latest release.
  2. Put them in <your-vault>/.obsidian/plugins/snipdock/.
  3. In Obsidian: Settings → Community plugins, reload, enable SnipDock.

Develop

npm install
npm run dev     # watch + rebuild
npm run build   # production build, type-checks first

The release bundle is just main.js, manifest.json, styles.css.

Contributing

Issues and pull requests are welcome on the SnipDock repository.

  • Bug reports: include steps to reproduce, your Obsidian version, your OS, and a screenshot or screen recording if the bug is visual.
  • Feature ideas: open an issue describing the use case before sinking time into a PR. Keeps scope creep in check and avoids work going in the wrong direction.
  • Pull requests
    1. Fork the repo and create a feature branch off main.
    2. Run npm install then npm run dev while you work.
    3. Keep changes focused, one PR per concern. Match the existing TypeScript style (tabs, double quotes, no any casts unless unavoidable).
    4. Run npm run build before pushing. It type-checks first and will fail loudly on errors.
    5. Describe what the PR changes and why in the body. Screenshots help for any UI tweak.

This plugin has a narrow scope (status-bar snippet management). Suggestions that expand into broader theme or CSS tooling are likely to be declined, but a good issue conversation is the best way to find out.

Credits

License

MIT

Sponsors