Mixura is a simple, personal space to save and organize images.
It's like your own private Pinterest for creative inspiration, now with AI help to make organizing even easier.
- Save & Sort: Easily save picture links. Add titles, notes, tags, and even colors to keep them neat.
- Lots of Boards: Make different "boards" to group your inspirations. There's also an "All Boards" view to see everything at once.
- Smart Help: Use "Auto-fill with AI" to automatically add a title, notes, tags, and main colors for any picture. It makes organizing super easy!
- Different Ways to View:
- Moodboard: A classic grid view that adjusts to your screen.
- List: A compact, detailed list for quick scanning.
- Canvas: A flexible, zoomable space where you can arrange pictures exactly how you want.
- Easy Search: Quickly find anything you've saved by searching words, tags, or colors.
- Your Data, Your Control: All your saved items are stored on your computer. You can easily save (export) your whole collection to a file and bring it back (import) whenever you need.
- Light & Dark Views: Looks good day or night.
- Node.js (v18 or newer recommended)
- npm, yarn, or pnpm
-
Clone the repository:
git clone https://github.com/your-username/mixura.git cd mixura -
Install dependencies:
npm install
-
Set Up AI Integration
- Create a new
.env.localfile in the root directory. - Get your API key from: https://aistudio.google.com/app/apikey
# .env.local GEMINI_API_KEY="YOUR_AI_API_KEY_HERE"
- Create a new
-
Run the development server:
npm run dev
The application should now be running at http://localhost:3000.
- Framework: Next.js (with App Router)
- Language: TypeScript
- UI Components: ShadCN UI
- Styling: Tailwind CSS
- AI Integration: Genkit (Google AI)
- Forms: React Hook Form & Zod
- Icons: Lucide React
- Canvas: react-zoom-pan-pinch
Contributions are welcome! If you have ideas for improvements or find a bug, feel free to open an issue or submit a pull request.