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
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/samsharya/stickynotes-wp_plugin/archive/refs/heads/main.zip

Readme

🧩 Sticky Chaos Notes

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.

Read the full README on GitHub →