Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); GitHub - RedCrafter07/notes-plus: WIP: An SVG-based note-taking app 📝 · GitHub
Skip to content

Latest commit

History

466 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

RedNotes Plus

An SVG-based note taking application

What is RedNotes Plus?

RedNotes Plus is my take on a modern, simple and intuitive note taking application for stylus input. It was primarily developed for my use in classes, but is of course available for any use case imaginable. By default, it uses Catppuccin Mocha as its color palette. However, custom themes are planned soon as well.

What was your motivation?

Apart from being fed up with the fact that most software asks you to pay a subscription, but also limits its functionality if you don't pay, I wanted to improve the note-taking experience on Windows. While there is great note-taking software available, many of the ones I tried were paid for and didn't meet my expectations. In one way or another. That's why I embarked on a journey to create a simple, intuitive yet powerful note-taking software.

Features

  • 📄 An infinite canvas
  • ✏️ Pressure-sensitive stylus input
  • 📂 Custom file format

Installation

If you want to try out RedNotes Plus (which is currently in its minimal viable product state), feel free to do so in the release section! The application you'll find there is meant to illustrate the direction in which the software is going.

Planned features/TODO

  • Limited canvas
  • Page style
  • Custom themes
  • Attachment support
  • PNG/JPG/PDF exports
  • Recently opened notes
  • Rich text support
  • More tools and better toolbar
  • More stroke customization options
  • Allow changing toolbar position

Credits

RedNotes Plus wouldn't be possible without...

  • Svelte, the front-end framework!
  • Tauri, the library this software was created with!
  • Tailwindcss, drastically simplifying CSS!
  • Catppuccin (mocha), the color palette!
  • Vite, the bundler for Tailwind and Svelte!
  • Tabler Icons, the source of the icons used throughout this software!
  • Many friends giving me feedback and feature suggestions along the way!

Use of AI

I have used AI models to help me research what it means to make a user-friendly note-taking app and to inform me on how to implement some features, like a pressure-sensitive pen input. I have written all the code myself though!

License

RedNotes Plus is licensed under the MIT license. Any credit when using it is appreciated though!

About

WIP: An SVG-based note-taking app 📝

Topics

Resources

Stars

5 stars

Watchers

2 watching

Forks

Releases

Contributors

Languages