Colorful StickyNotes

approved

by pandanocturne

This plugin has not been manually reviewed by Obsidian staff. Floating colorful sticky notes in Vault

2 stars60 downloadsUpdated 7d ago0BSD

中文说明:README.zh-CN.md

Colorful Sticky Notes is an Obsidian plugin that opens draggable, stackable sticker-style windows over your vault. Each sticky is backed by a normal Markdown note (default folder StickyNotes, configurable).

Screenshot demo

Features

  • Floating sticky windows — Small windows above the UI; content comes from vault notes.
  • Background colors — Palettes such as yellow, pink, mint, blue, lavender, and gray (stored in note frontmatter).
  • Sticky list — Grid view with filters (open state, archive, color), sorting, pinning, pagination, and adjustable card size/columns.
  • Sticky workspaces — Save and switch window layouts (snapshots) for different setups.
  • Extras — Edge snap / auto-resize, drag snapping and grouping, restore session on startup, filename templates (Moment-style + subfolders), optional default template note.

Canvas integration

From the sticky list, drag one or more stickies via the drag handle onto Canvas to create nodes. Batch drops follow spacing and “max per row” from settings.

  • Plain drag → embed content
  • Ctrl drag → link to file ( on macOS)
  • Shift drag → embed and move original to trash (use with care)

Optional behavior lives under Canvas link in settings (default node size, auto-fit height, color sync, zoom-to-selection, drag hints, etc.).

Installation

Via BRAT (beta)

  1. Install BRAT from Community Plugins.
  2. Settings → BRATAdd Beta plugin.
  3. Repo URL: https://github.com/PandaNocturne/obsidian-colorful-stickynotes.
  4. Add the plugin, then enable it under Community Plugins.

Manual

  1. Download main.js, manifest.json, and styles.css from Releases.
  2. Create .obsidian/plugins/colorful-stickynotes in your vault and copy the files in.
  3. Restart Obsidian and enable the plugin.

Development

  1. Clone this repo.
  2. npm install
  3. npm run build

Credits

Inspired in part by obsidian-card-note and obsidian-hover-editor.

License

MIT

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.