{"id":30979423,"url":"https://github.com/hellofaizan/tweaklogo","last_synced_at":"2025-09-12T06:52:18.895Z","repository":{"id":302071200,"uuid":"1008178834","full_name":"hellofaizan/TweakLogo","owner":"hellofaizan","description":"A powerful, modern logo customization tool built with Next.js that allows you to create stunning logos with customizable icons, backgrounds, and export options.","archived":false,"fork":false,"pushed_at":"2025-08-17T04:06:20.000Z","size":4573,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-02T01:51:52.224Z","etag":null,"topics":["logo-design","logo-designing","logo-generator"],"latest_commit_sha":null,"homepage":"https://logotweak.mohammadfaizan.in/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hellofaizan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"hellofaizan","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2025-06-25T06:39:08.000Z","updated_at":"2025-08-17T04:06:23.000Z","dependencies_parsed_at":"2025-08-03T20:36:01.707Z","dependency_job_id":null,"html_url":"https://github.com/hellofaizan/TweakLogo","commit_stats":null,"previous_names":["hellofaizan/tweaklogo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hellofaizan/TweakLogo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellofaizan%2FTweakLogo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellofaizan%2FTweakLogo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellofaizan%2FTweakLogo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellofaizan%2FTweakLogo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hellofaizan","download_url":"https://codeload.github.com/hellofaizan/TweakLogo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellofaizan%2FTweakLogo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274770726,"owners_count":25346211,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-12T02:00:09.324Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["logo-design","logo-designing","logo-generator"],"created_at":"2025-09-12T06:52:17.885Z","updated_at":"2025-09-12T06:52:18.889Z","avatar_url":"https://github.com/hellofaizan.png","language":"TypeScript","funding_links":["https://github.com/sponsors/hellofaizan"],"categories":[],"sub_categories":[],"readme":"# 🎨 LogoTweak - Free Online Logo Generator\n\n**Create stunning logos online with LogoTweak** - the fastest free logo generator. Design professional logos with thousands of icons, custom colors, and instant downloads. No registration required. Make logos online like Canva but simpler and faster.\n\n![LogoTweak Preview](public/widebanner.png)\n\n## ✨ Features\n\n### 🎯 Icon Customization\n- **Dual Icon Libraries**: Choose from [Lucide Icons](https://lucide.dev) and [Tabler Icons](https://tabler-icons.io)\n- **Extensive Icon Collection**: Access thousands of beautiful, customizable icons\n- **Real-time Preview**: See changes instantly as you customize\n- **Icon Properties**:\n  - Size adjustment (0-500px)\n  - Color customization with color picker\n  - Border width control\n  - Rotation (0-360°)\n  - Fill color and opacity\n\n### 🎨 Background Customization\n- **Gradient \u0026 Solid Colors**: Advanced color picker with gradient support\n- **Shape Control**: Adjust border radius (0-300px)\n- **Padding**: Fine-tune spacing around the icon\n- **Shadow Effects**: Choose from 5 shadow levels (XS to XL)\n- **Color Presets**: Quick access to curated color palettes\n\n### 📤 Export Options\n- **Multiple Formats**: PNG, JPG, SVG\n- **Resolution Control**: 0.5x to 8x, plus FullRes option\n- **High-Quality Output**: Perfect for web and print use\n- **Instant Download**: No server processing required\n\n### 🌙 Modern UI/UX\n- **Dark/Light Mode**: Automatic theme switching\n- **Responsive Design**: Works perfectly on desktop and mobile\n- **Intuitive Controls**: Tabbed interface for organized customization\n- **Real-time Feedback**: Live preview with hover effects\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js 18+ \n- npm or yarn\n\n### Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/hellofaizan/TweakLogo.git\n   cd logotweak\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n3. **Run the development server**\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n4. **Open your browser**\n   Navigate to [http://localhost:3000](http://localhost:3000)\n\n## 📝 TODO\n\n- [x] Icon customization (size, color, border, rotation)\n- [x] Background customization (color, gradient, shadow, padding)\n- [x] Export as PNG, JPG, SVG\n- [x] Dark/Light mode\n- [x] Responsive design\n- [ ] Custom icon upload (SVG)\n- [ ] Add text overlay (with font options)\n- [ ] More background patterns (stripes, dots, etc.)\n- [ ] Save/load logo designs (local storage)\n- [ ] Fun randomizer button (random logo generator)\n- [ ] Shareable logo links\n- [ ] Add more color presets\n- [ ] Simple animation (spin, bounce, etc.)\n\n---\n\n*This list is for fun and learning! If you have ideas, feel free to open an issue or PR.*\n\n## 🛠️ Tech Stack\n\n- **Framework**: [Next.js 15](https://nextjs.org/) with App Router\n- **Language**: [TypeScript](https://www.typescriptlang.org/)\n- **Styling**: [Tailwind CSS 4](https://tailwindcss.com/)\n- **UI Components**: [Radix UI](https://www.radix-ui.com/)\n- **Icons**: [Lucide React](https://lucide.dev/) \u0026 [Tabler Icons](https://tabler-icons.io/)\n- **Color Picker**: [react-best-gradient-color-picker](https://github.com/omariosouto/react-best-gradient-color-picker)\n- **Export**: [html-to-image](https://github.com/bubkoo/html-to-image)\n\n## 📁 Project Structure\n\n```\nlogotweak/\n├── src/\n│   ├── app/                 # Next.js App Router\n│   │   ├── layout.tsx      # Root layout with theme provider\n│   │   ├── page.tsx        # Main application page\n│   │   └── globals.css     # Global styles\n│   ├── components/         # React components\n│   │   ├── LogoPreview.tsx # Live logo preview component\n│   │   ├── IconControls.tsx # Icon customization controls\n│   │   ├── BackgroundControls.tsx # Background customization\n│   │   ├── ModeToggle.tsx  # Theme toggle component\n│   │   └── ui/            # Reusable UI components\n│   ├── hooks/             # Custom React hooks\n│   └── lib/               # Utility functions\n├── public/                # Static assets\n│   └── logos/            # Example logos\n└── package.json          # Dependencies and scripts\n```\n\n## 🎨 Usage Guide\n\n### Creating Your Logo\n\n1. **Choose an Icon**\n   - Click the icon selector to browse thousands of icons\n   - Switch between Lucide and Tabler icon libraries\n   - Use the search function to find specific icons\n\n2. **Customize the Icon**\n   - Adjust size, color, and border width\n   - Rotate the icon to your desired angle\n   - Set fill color and opacity for filled effects\n\n3. **Style the Background**\n   - Choose between solid colors and gradients\n   - Adjust border radius for different shapes\n   - Set padding and shadow effects\n   - Use preset color combinations\n\n4. **Export Your Logo**\n   - Select your preferred format (PNG, JPG, SVG)\n   - Choose the resolution for your needs\n   - Click download to save your logo\n\n### Tips for Best Results\n\n- **For Web Use**: Use PNG format with 1x or 2x resolution\n- **For Print**: Use PNG or SVG with higher resolutions\n- **For Scalability**: SVG format is best for logos that need to scale\n- **Color Harmony**: Use the preset color combinations for professional results\n\n## 🤝 Contributing\n\nWe welcome contributions! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\nPull requests and ideas are welcome! For major changes, please open an issue first to discuss what you would like to change.\n\n## 🙏 Acknowledgments\n\n- [Lucide Icons](https://lucide.dev/) for the beautiful icon library\n- [Tabler Icons](https://tabler-icons.io/) for additional icon options\n- [Radix UI](https://www.radix-ui.com/) for accessible UI components\n- [Tailwind CSS](https://tailwindcss.com/) for the utility-first CSS framework\n\n## 📞 Support\n\nIf you have any questions or need help, please:\n\n- Open an issue on GitHub\n- Check the existing issues for solutions\n- Join our community discussions\n\n---\n\n**Made with ❤️ by Mohammad Faizan**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellofaizan%2Ftweaklogo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhellofaizan%2Ftweaklogo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellofaizan%2Ftweaklogo/lists"}