A modern, offline-first, feature-rich notepad built with Next.js, TypeScript, Tailwind CSS, and TipTap, enhanced by OpenAI-powered tools.
Perfect for writers, students, thinkers, and creators.
- 📝 Rich Text Editing with:
- Bold, italic, underline, strikethrough
- Headings (H1–H3), bullet and ordered lists, task lists
- Code blocks, blockquotes, alignment, subscripts/superscripts
- Resizable tables and image upload
- 💾 Auto-Save to
localStorage
(offline-ready) - 🌗 Dark / Light Mode with persistent setting
- 🧠 AI Assistant powered by OpenAI:
- Summarize notes
- Improve writing
- Smart title suggestions
- 🧩 Templates for quick writing
- 📤 Export Notes as PDF, HTML, or TXT
- 🔄 Reset Button to clear notes
- 🧘♂️ Distraction-Free Fullscreen UI
- 📱 Fully responsive – works great on all devices
All core features work 100% offline after the first load.
Follow these simple steps to run My Notepad locally.
Make sure you have:
- Node.js
v18+
- pnpm (or use
npm
/yarn
) - An OpenAI API key (optional)
git clone https://github.com/yourusername/my-notepad.git
cd my-notepad
pnpm install
Or with npm:
npm install
Or with yarn:
yarn install
pnpm dev
# or
npm run dev
# or
yarn dev
To enable AI features and configure your app's base URL, create a .env.local
file in the root of the project and add the following:
# Your OpenAI API key (required for AI features like summarization, title generation, etc.)
OPENAI_API_KEY=your_openai_api_key_here
# Base URL of your deployed site (used for dynamic links or metadata)
NEXT_PUBLIC_BASE_URL=http://localhost:3000
Let me know if you want to add optional variables (like default templates, AI model version, or feature toggles)!