NoteMode

NoteMode is a convenient, lightweight, and fully offline open-source web application for note-taking.

It operates as a Single Page Application (SPA) packaged into a single HTML file. All data is saved locally in your browser, ensuring high performance and privacy.

Key Features

Editor & Notes

• Rich Text Editor: Support for text formatting (bold, italic, underline, strikethrough), text color changes, and lists.
• Checklists: Create interactive To-Do lists with checkboxes.
• Tags: Color-coded tags for quick categorization and filtering.
• Management: Duplicate notes and Pin important entries to the top of the list.

Organization

• Tab System: Organize notes into separate tabs for different categories.
• Drag-and-Drop: Reorder notes and tabs by simply dragging them.
• Search & Filter: Powerful search by text and tags, plus a filter panel for tag colors and names.
• Sorting: Sort by date, alphabet, or your own custom order.

Customization

• Themes: Built-in themes (Light, Dark, Classic).
• Theme Creator: Design your own custom themes with support for background and card gradients.
• Interface Settings: Customize fonts, text size, border radius, and card padding.
• View Modes: Switch between Grid and List views.

Data & Privacy

• Fully Offline: No server or internet connection required. All data is stored in the browser's LocalStorage.
• Export/Import:
  • Backup the entire workspace to JSON.
  • Export individual tabs.
  • Download specific notes as .txt files.
  • Share custom themes via JSON files.

How to Use

You can use NoteMode directly online or download it for offline use.

Option 1: Online Simply visit the following link: https://notemode.vercel.app or https://vinarat0r.github.io/NoteMode/ (Recommended)

Option 2: Offline (Self-hosted)

1. Download the index.html file from this repository.
2. Open it in any modern web browser (Chrome, Firefox, Edge, Safari).
3. Ready to use! You can start creating notes immediately.

Technologies

• HTML5 / CSS3 / JavaScript (Vanilla) — No heavy frameworks or libraries.
• LocalStorage API — For data persistence.

---

Project created to provide a simple and fast tool for planning and storing ideas.