Flux

Build ideas. Connect thoughts. Create clarity.

A modern, minimal, offline-first infinite canvas for brainstorming, note-taking, planning, and visual thinking.

🌐 Live Demo: https://fluxbrain.lovable.app/

---

✨ Overview

Flux is a premium infinite canvas workspace designed to help you capture, organize, and connect ideas visually.

Whether you're brainstorming, planning projects, creating mind maps, sketching concepts, or managing notes, Flux provides a clean and distraction-free environment that feels fast, natural, and enjoyable.

Built with a strong focus on performance, usability, and modern design, Flux works seamlessly across desktop and mobile devices while supporting offline usage through Progressive Web App (PWA) technology.

---

🚀 Features

📝 Sticky Notes

• Premium paper-style sticky notes
• Unlimited custom colors
• Rich text editing
• Drag & drop
• Resize freely
• Realistic shadows
• Smooth animations

---

🎨 Drawing Tools

• Pencil
• Marker
• Eraser
• Freehand drawing
• Smooth stroke rendering

---

📐 Shapes

• Rectangle
• Circle
• Triangle
• Diamond
• Lines
• Arrows

---

🖼 Media Support

• Upload images
• Resize images
• Drag images
• Layer management

---

🔍 Smart Search

Instantly search for

• Board names
• Sticky note content
• Text objects

Search automatically focuses matching content.

---

🗂 Workspace Management

• Home
• Favorites
• Archive
• Recent Boards

---

💾 Import & Export

• JSON Backup
• JSON Restore
• PNG Export
• SVG Export
• High Resolution Export
• Future-ready PDF support

---

📱 Progressive Web App (PWA)

Flux can be installed directly on

• Android
• iPhone
• Windows
• macOS

Features include

• Offline support
• Installable
• Fast loading
• Native app experience

---

⚡ Performance

Designed for extremely large canvases.

Optimizations include

• Canvas virtualization
• Incremental autosave
• Storage diffing
• Optimized rendering
• Reduced memory usage

---

🔒 Reliability

• Autosave
• Import validation
• Corrupt backup recovery
• Duplicate repair
• Quota handling
• Safe storage
• Transaction-based imports

---

🎯 Use Cases

Flux is perfect for

• Brainstorming
• Mind Mapping
• Project Planning
• Personal Notes
• Team Workshops
• Wireframing
• Study Notes
• Research
• Knowledge Management

---

📸 Screenshots

Add screenshots of your application here.

Suggested screenshots:

• Home Screen
• Infinite Canvas
• Sticky Notes
• Drawing Tools
• Export
• Mobile View

---

🛠 Tech Stack

Frontend

• React
• TypeScript
• Vite

Canvas

• Infinite Canvas
• Custom Rendering Engine

Storage

• Local Storage
• IndexedDB

PWA

• Workbox
• vite-plugin-pwa

Deployment

• Lovable
• GitHub

---

📦 Installation

Clone the repository

git clone https://github.com/SACHITH31/flux.git

Go into the project

cd flux

Install dependencies

npm install

Start development server

npm run dev

Build production

npm run build

---

📱 Install Flux

Android

1. Open the website in Chrome.
2. Tap Install App.
3. Enjoy Flux offline.

iPhone

1. Open the website in Safari.
2. Tap Share.
3. Tap Add to Home Screen.

---

🤝 Contributing

Contributions, ideas, feature requests, and bug reports are always welcome.

Feel free to open an Issue or submit a Pull Request.

---

📄 License

This project is licensed under the MIT License.

---

Flux

Build ideas. Connect thoughts. Create clarity.

Made with ❤️ using React, TypeScript and Vite.