A modern tree-based note-taking platform for organizing your thoughts and projects in a hierarchical structure.
TreeNote allows you to create and manage notes in a tree format where each note can have unlimited child notes. Perfect for project planning, research organization, and structured thinking.
- Project-based organization with multiple workspaces
- Hierarchical note structure with unlimited depth
- Full markdown support with live preview
- Drag and drop repositioning
- Global search across all notes
- Infinite canvas with pan and zoom
- Clean, distraction-free interface
- Node.js 18+
- npm or yarn
- Clone the repository
git clone https://github.com/yourusername/treenote.git
cd treenote- Install dependencies
npm install- Run the development server
npm run dev- Open http://localhost:3000 in your browser
npm run build
npm start- Create projects to organize different areas of work
- Add child notes using the "+ Child" button
- Click any content area to edit with markdown
- Use Ctrl/Cmd + K to search across all notes
- Drag nodes to reposition them on the canvas
- Alt + drag to pan, Ctrl/Cmd + scroll to zoom
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- Framer Motion
- Zustand
- React Markdown
We welcome contributions! Here's how to get started:
- Fork the repository
- Create a feature branch:
git checkout -b feature-name - Make your changes
- Run tests:
npm test - Commit your changes:
git commit -m "Add feature" - Push to your branch:
git push origin feature-name - Open a pull request
MIT License - see LICENSE file for details.
For questions or support, please open an issue on GitHub.