# NOTE & PEN – Now Available!

**URL:** <https://forums.realmacsoftware.com/t/note-pen-now-available/57942>\
**Category:** Store\
**Created:** [October 23, 2026, 8:09pm UTC](https://forums.realmacsoftware.com/t/note-pen-now-available/57942 "2026-10-23T20:09:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [October 23, 2026, 8:09pm UTC](https://forums.realmacsoftware.com/t/note-pen-now-available/57942/1 "2026-10-23T20:09:15Z")

</div>

![NOTE-PEN-tumbnail-3840x2160](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/0/a098703025677bd1a86171e81378559b6ca21910.jpeg)

[**NOTE & PEN is now available for RapidWeaver Elements!**](https://store.elementsapp.io/components/noteandpen)  
Notes and Pen was one of the most popular stacks in the RapidWeaver community. The new component does exactly what its name suggests: it lets you add notes in the editor and keep your website content neatly organized.

Use it to group content such as **hero sections, footers, calls to action, or custom code** in a drop zone, then add internal notes like reminders, to-do lists, or instructions for colleagues.

### Two ways to add internal notes

- **Text field:** Type your note directly into the dedicated field.
- **Markdown or text component:** Enable this option and add a Markdown or Text component to the internal drop zone.

Both options are visible in the editor only and won’t appear on your published website.

### Content for your website

The separate **Drop Zone** is for components, sections, and custom code that you want to publish. Its contents will appear on your website, while the NOTE & PEN interface and internal notes remain hidden.

### Customize the component

Adjust NOTE & PEN to suit your workflow and design:

- Give each note its own name.
- Choose background colors for the note and drop zone.
- Show or hide the border and choose its shape.
- Set the **Note Layout** to full width, narrow left, or narrow right.
- Choose whether the note is open by default.
- Select the open and close icons; plus and minus are used by default.
- Show or hide the drop zone hints.

 ![screenshot-001](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/7/177a963f5a9b524b286be734fd2523146f9a8332.jpeg)  
 ![screenshot-002](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/3/53d8985d0fe41785a36ddb571cce7136e89291b9.jpeg)  
 ![screenshot-003](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/5/f555d5c25bba9982ce00e6ac1503e9e1787d23a5.jpeg)

Keep your projects organized with team notes close at hand in the editor, while only the drop zone content is published on your website.

If you like this component, [you might also like **EMPTY SPACER**](https://store.elementsapp.io/components/empty-spacer).

Is something missing, or do you have any feature requests? Just let me know, and I’ll see what I can do!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 23, 2026, 10:46pm UTC](https://forums.realmacsoftware.com/t/note-pen-now-available/57942/2 "2026-10-23T22:46:29Z")

</div>

Congrats on the launch of your second component, looking forward to seeing many more!

---

<div class="post-metadata">

**Author:** ![abcole](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/abcole/32/19301_2.png) [@abcole](https://forums.realmacsoftware.com/u/abcole)\
**Post date:** [October 23, 2026, 10:58pm UTC](https://forums.realmacsoftware.com/t/note-pen-now-available/57942/3 "2026-10-23T22:58:03Z")

</div>

Very cool add-on, but keep in mind JW Pen is free…