Particle Spoilers

approved

by LXXVII

Hides text between ||double vertical bars|| under a particle animation. - This plugin has not been manually reviewed by Obsidian staff.

1 stars398 downloadsUpdated 1mo agoMIT
banner

Particle Spoilers

Particle Spoilers for Obsidian is a plugin that brings interactive spoiler effects right into your notes. It hides sensitive text, answers, or plot spoilers using your choice of three distinct styles: a dynamic animation of shimmering particles, a solid color block (similar to Discord or Steam), or a soft blur filter. The hidden text can be easily revealed with a simple click.

Usage

Using the plugin is as simple as applying standard Markdown formatting or using the built-in commands.

  • Syntax: to hide text, simply wrap it in your chosen marker, which defaults to double vertical bars ||.
    • Example: ||This is a secret message||.
  • Inserting: you can easily wrap selected text by clicking the "eye-off" icon in the ribbon, or by using the "Insert spoiler" command in the command palette.
  • Settings: go to the plugin settings to customize it to your liking:
    • Spoiler style:
      • Particle (animated dust);
      • Block (solid color rectangle);
      • Blur (soft blur filter).
    • Custom marker: set a custom syntax marker (e.g., !!, %%) to avoid conflicts with other Markdown elements.
    • Style Options:
      • Particle: control the particle density and movement speed, and choose whether to use the app's accent color for the effect.
      • Block: choose between using the app's accent color or selecting a custom color via a color picker.
      • Blur: adjust the blur amount in pixels and optionally enable "Reveal on hover" to show the text without clicking.
    • Hide on mouse leave: the text will automatically close when you move your mouse away from the revealed spoiler.
    • Disable effect in Edit mode: choose whether the spoilers should be hidden in Live Preview, or only apply the effect in Reading mode.

Results

Light ThemeDark Theme
screen-particle-wscreen-particle
screen-block-wscreen-block
screen-blur-wscreen-blur
.gif (light theme demo) light theme demo
.gif (dark theme demo) dark theme demo

Install

Manually

  1. Copy main.js, manifest.json, and styles.css into <your vault>/.obsidian/plugins/particle-spoilers/.
  2. Settings → Community plugins → Enable Particle Spoilers.

Upcoming features

  • Bulk reveal: a new command will be added to the Obsidian command palette — "Reveal all spoilers in note", allowing you to open all hidden elements at once.
  • Per-note style customization: support for your note's cssclasses property to apply a specific spoiler style, overriding the global settings.

Support

Particle Spoilers is free and open source. If it's useful to you, you can support its development with TON or USDT on the TON network: tonproxywallet.ton | UQALKfbKI2Czizms4SisKXHnejG2iEoH26O-fy3_rJ5FbJDu

Thank you!


License

MIT © LXXVII

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.