A modern, feature-rich note-taking application built with Electron and React. Floating Notes provides a seamless experience for users who need to quickly capture and organize their thoughts with a beautiful, distraction-free interface.
-
Modern UI/UX
- Clean and intuitive interface built with React and Tailwind CSS
- Dark mode support with One Dark theme
- Smooth animations and transitions
- Resizable sidebar for better organization
-
Rich Text Editing
- Full Markdown support
- Code syntax highlighting
- Real-time preview
- Support for images and links
- Character and word count statistics
-
File Management
- Hierarchical folder structure
- Create, rename, and delete notes and folders
- Automatic file organization
- Local storage with data persistence
-
Cross-Platform
- Available for Windows, macOS, and Linux
- Native system integration
- Global shortcut support (Ctrl/Cmd + Shift + X to toggle window)
- Always-on-top window option
- Frontend Framework: React 18
- Desktop Framework: Electron
- Language: TypeScript
- Styling: Tailwind CSS
- State Management: Jotai
- UI Components: Radix UI
- Icons: Lucide
- Build Tool: Vite
- Package Manager: npm/bun
- Node.js (Latest LTS version)
- npm or bun package manager
- Clone the repository:
git clone https://github.com/yourusername/floating-notes.git
cd floating-notes- Install dependencies:
npm installTo start the development server:
npm run devBuild for your platform:
# For Windows
npm run build:win
# For macOS
npm run build:mac
# For Linux
npm run build:linux- Use
Ctrl/Cmd + Nto create a new note - Use
Ctrl/Cmd + Shift + Xto toggle the window visibility - Organize notes in folders using the sidebar
- Write notes using Markdown syntax
- Drag and drop to reorganize notes and folders
Contributions are welcome! Please feel free to submit a Pull Request.
Built with ❤️ using Electron and React