WP Manifestindependent plugin directory
manifest / utilities / stickynotes-wp_plugin

Sticky Chaos Notes

A lightweight WordPress plugin that adds floating draggable sticky notes to your site frontend. Admins can create colorful notes for announcements, fun messages, or UX experiments. Fully vanilla JS + PHP, fast, simple, and WordPress 5.8+ compatible. Great for engagement and creative UI ideas.

by Samsharya Gaire · github.com/samsharya/stickynotes-wp_plugin

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/samsharya/stickynotes-wp_plugin/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/samsharya/stickynotes-wp_plugin ↗

Floating draggable sticky notes for WordPress sites. Turn any page into a playful, interactive layer where messages float above content.

✨ Overview

Sticky Chaos Notes is a lightweight WordPress plugin that lets admins create floating sticky notes displayed on the frontend. It’s built for fun UI experiments, announcements, and engagement boosts without heavy dependencies.

🚀 Features

  • Floating sticky notes on frontend
  • Draggable UI (mouse-based)
  • Custom note colors
  • Simple admin panel for note creation
  • Lightweight vanilla JS implementation
  • WordPress 5.8+ compatible

📦 Installation

  1. Zip the plugin folder
  2. Go to WordPress Admin → Plugins → Add New
  3. Click Upload Plugin
  4. Select ZIP and install
  5. Activate

🧠 How It Works

  • Notes are created in WordPress admin panel
  • Stored using WordPress options API
  • Rendered on frontend using JavaScript
  • Each note appears as a draggable floating element

🧑‍💻 Usage

  1. Go to WP Admin → Chaos Notes
  2. Create a note:
    • Title
    • Content
    • Color
  3. Save
  4. Open your website frontend

Notes will appear instantly.

🎨 Example Use Cases

  • Site announcements (“New update coming soon 👀”)
  • Fun hidden messages
  • Developer easter eggs
  • Blog engagement boosters
  • Experimental UI storytelling

⚙️ Tech Stack

  • WordPress Plugin API
  • PHP (no frameworks)
  • Vanilla JavaScript
  • CSS (no dependencies)

🔧 Compatibility

  • WordPress: 5.8+
  • PHP: 7.4+
  • Tested up to: 6.x

📜 License

GPLv2 or later
https://www.gnu.org/licenses/gpl-2.0.html

🔮 Roadmap

  • Multi-note system (add/edit/delete UI)
  • Save drag position per user
  • Mobile touch support
  • Public sticky wall (visitor notes)
  • Animation / physics-based movement
  • Gutenberg block version

⚡ Philosophy

A small experiment in chaotic UI design — making static websites feel alive, interactive, and slightly unpredictable.