Obsidian Stats logoObsidian Stats

Discord Emoji Picker

by kuroTheDev
5
4
3
2
1
Score: 50/100
Install Code

Description

Discord-style emoji and sticker picker for Obsidian. Pick and insert emojis and stickers from your vault, or clone them from your Discord servers — fully offline by default.

Reviews

No reviews yet.

Stats

9
stars
38
downloads
0
forks
3
days
2
days
2
days
3
total PRs
0
open PRs
1
closed PRs
2
merged PRs
0
total issues
0
open issues
0
closed issues
25
commits

Latest Version

1.2.5
3 days ago

Changelog

What's new

Resizable & movable picker

  • Drag the bottom-right corner handle to resize — the size is remembered, double-click to reset. Off by default (toggle in the picker menu or Settings).
  • New \u22ee menu in the picker footer: Move (hold and drag the panel anywhere), Resize toggle, and ? to replay the tour.

Guided onboarding tours

  • Picker tour: search, tabs, \u22ee menu (it opens itself, with the button highlighted), Move, Resize toggle, resize corner. Sticky steps stay until you press Got it; every step has Back; Skip dismisses.
  • Import tour: Import into, Set, New set, Category, drop zone, source tabs, queue, Import.
  • Tours auto-run on first use and are re-runnable anytime (\u2192 Settings \u2192 Start picker/import onboarding, or the ? buttons).

Also

  • Hover tooltips for picker menu items and larger previews with file names.
  • The picker opens without needing an active note.
  • Various tour fixes (layout, highlight alignment, click-to-advance).

Docs: updated README, usage guide, and changelog.

See all version on GitHub

README file from

Github

Discord Emoji Picker

GitHub License GitHub release

A Discord-style emoji and sticker picker for Obsidian. It reads images from folders in your vault and lets you insert them into notes — fully offline by default.

Demo

Picking and inserting an emoji from the picker

Features

  • Emoji & sticker pills with set navigation, live search, and a "recently used" row.
  • Resizable & movable picker: drag the corner handle to resize (remembered between sessions, double-click to reset) or hold Move in the ⋮ menu to drag the panel anywhere.
  • Guided onboarding tours for the picker and the import modal — shown on first use, re-runnable anytime from the ? buttons or Settings.
  • Three insert styles: shortcode (:name:), native embed ([[image|size]]), or raw HTML. Shortcodes render as images in the editor and reading mode.
  • Import modal with a queue: drag & drop or paste links from Discord, local files, clipboard, note embeds, and emoji packs.
  • Clone from Discord servers using a token — grab emojis and stickers from servers you're in.
  • Set management: create, delete, and open set folders from the picker, the import modal, and the settings tab.
  • Themable picker: built-in Default / Compact / Vibrant / Minimal styles, all driven by --gl-* CSS variables you can override in a snippet.

Installation

Community plugin list

Once approved, install from Settings → Community plugins → Browse and search for "Discord Emoji Picker".

Manual

Copy main.js, manifest.json, and styles.css to:

<Vault>/.obsidian/plugins/discord-emoji-picker/

Then reload Obsidian and enable the plugin in Settings → Community plugins.

Quick start

  1. On first run, the plugin seeds sample sets (Cats emojis, Pets stickers) into discordemojipicker/emojis/ and discordemojipicker/stickers/ so you can try it out immediately. Delete them whenever you like.
  2. Open a note, click the smile ribbon icon (or run Open emoji & sticker picker) and click an image to insert it.
  3. Type :name: anywhere to insert by shortcode — autocomplete will kick in.
  4. Run Import emojis & stickers to pull images from the web, Discord, popular emoji packs (Twemoji, Noto Emoji, OpenMoji), or local files — or add the fully offline system emoji set rendered from your device's emoji font.

Settings

Setting What it does
Emoji folder Vault folder with emoji images (default discordemojipicker/emojis); each subfolder becomes a set
Sticker folder Vault folder with sticker images; each subfolder becomes a set
Emoji sets / Sticker sets Create, delete, or open set folders
Insert style Shortcode, embed, or HTML when clicking in the picker
Render shortcodes in editor Show shortcode images in live preview / source mode
Emoji size / Sticker size Grid size in the picker and inserted size
Picker theme Default, Compact, Vibrant, or Minimal
Resizable picker Adds a drag handle to the picker corner (double-click resets)
Show onboarding tours Replay the picker and import tours the next time they open
Start picker onboarding / Start import onboarding Play either guided tour right away
Clear recently used Empties the recently used row in the picker
Discord token / Token type / Test connection Credentials for cloning from Discord servers

Documentation

Security & privacy

  • The plugin is offline by default: no telemetry, and no network requests except to the public Discord CDN when you import or clone from Discord, and to the jsDelivr CDN when you use the Emoji packs import tab (Twemoji, Noto Emoji, and OpenMoji are open-license sets).
  • Vault access is limited to the two folders you configure (emoji and sticker folders, hidden by default). The plugin never scans the rest of your vault.
  • The clipboard is only read when you click Read clipboard image in the import modal.
  • The Discord token is stored locally in this vault's plugin data and is only ever sent to Discord.
  • Using your personal user token violates Discord's Terms of Service and may get your account flagged or banned — the same risk as tools like Vencord. A bot token is safe; add the bot to the servers you want to clone from.

Building

npm install
npm run dev     # watch mode
npm run build   # production build -> main.js
npm run lint    # eslint

Changelog

See CHANGELOG.md.

License

ISC © KuroTheDev

Sponsors