A modern, web-based logo creation tool built with Next.js, React, and TypeScript. Create professional logos with customizable icons, text, colors, and effects, then export in multiple formats.
- Icon Library: 500+ Lucide React icons
- Text Customization: 30+ font families with full typography controls
- Color System: Gradients, solid colors, and transparency support
- Export Formats: SVG, PNG, JPEG, and PDF with high-quality output
- Real-time Preview: Live preview with instant updates
- Responsive Design: Works on desktop, tablet, and mobile
- Preset Templates: Quick-start templates for different industries
- AI Integration: AI-powered logo generation (optional)
- Framework: Next.js 14 with App Router
- UI Library: React 18 with TypeScript
- Styling: Tailwind CSS + shadcn/ui components
- Icons: Lucide React (500+ icons)
- Export: Canvas API + jsPDF for multi-format export
- State Management: useReducer with history support
```bash
git clone https://github.com/rajpolu/lumo.git
cd logo-creator
npm install
npm run dev ```
- Choose an Icon: Browse through 500+ icons or search by keyword
- Customize Design: Adjust colors, gradients, borders, and shadows
- Add Text: Include company name or tagline with custom typography
- Apply Presets: Use pre-designed templates for quick starts
- Export Logo: Download in SVG, PNG, JPEG, or PDF format
```env
OPENAI_API_KEY=your_openai_api_key REPLICATE_API_TOKEN=your_replicate_token ```
- Add Icons: Import additional icons in
components/icon-selector.tsx - Add Fonts: Extend font options in
components/text-customization.tsx - Add Presets: Create new templates in
components/preset-selector.tsx - Modify Export: Customize export options in
lib/download-utils.ts
``` logo-creator/ ├── app/ # Next.js app directory │ ├── api/ # API routes │ ├── globals.css # Global styles │ └── page.tsx # Main application ├── components/ # React components │ ├── ui/ # shadcn/ui components │ ├── color-picker.tsx # Color selection │ ├── icon-selector.tsx # Icon browser │ ├── logo-preview.tsx # Live preview │ └── text-customization.tsx # Typography controls ├── lib/ # Utilities │ ├── download-utils.ts # Export functionality │ └── history-reducer.ts # State management └── README.md ```
We welcome contributions! Here's how to get started:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes
- Test thoroughly
- Commit:
git commit -m 'Add amazing feature' - Push:
git push origin feature/amazing-feature - Open a Pull Request
- Code Style: Follow existing TypeScript/React patterns
- Testing: Test all export formats and responsive design
- Documentation: Update README for new features
- Performance: Ensure changes don't impact performance
- Accessibility: Maintain WCAG 2.1 AA compliance
- 🎨 New Icon Sets: Add more icon libraries
- 🔤 Font Integration: Add Google Fonts or custom fonts
- 🎯 Templates: Create industry-specific logo templates
- 🚀 Performance: Optimize rendering and export speed
- 🌐 Internationalization: Add multi-language support
- 📱 Mobile UX: Improve mobile experience
- 🤖 AI Features: Enhance AI logo generation
- 🎨 Effects: Add text effects, shadows, outlines
This project is licensed under the MIT License - see the LICENSE file for details.
``` MIT License
Copyright (c) 2024 Logo Creator Contributors
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ```
- Lucide for the beautiful icon library
- shadcn/ui for the component system
- Tailwind CSS for styling
- Next.js for the framework
- All contributors who help improve this project
- 📧 Email: support@logocreator.dev
- 💬 Discord: Join our community
- 🐛 Issues: GitHub Issues
- 📖 Docs: Documentation
- Advanced text effects (gradients, outlines, shadows)
- Multi-icon logos and icon combinations
- Brand kit generation (color palettes, typography)
- Collaboration features
- API for programmatic logo generation
- Plugin system for custom extensions
- Advanced AI features with style transfer
- Logo animation and motion graphics
Made with ❤️ by the open-source community ```
Finally, let's add a license file:
MIT License
Copyright (c) 2024 Logo Creator Contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.