BadgeCraft
badge, ai, generation, web, html, link
Start new thread
OpenFree_AI

BadgeCraft - badge, ai, generation, web, html, link

by•
✨ What are Badges? Badges are small visual indicators that can be used in README files, websites, and documentation. Shields.io badges are widely used to display project status, social media links, version information, and more.

Add a comment

Replies

Best
OpenFree_AI
Maker
📌
📋 How to Use BadgeCraft ✨ What are Badges? Badges are small visual indicators that can be used in README files, websites, and documentation. Shields.io badges are widely used to display project status, social media links, version information, and more. 🛠️ Basic Settings Label: Text displayed on the left side of the badge (e.g., "Discord", "Version", "Status") Message: Text displayed on the right side of the badge Logo: Name of a logo provided by Simple Icons (View List) Style: Determines the shape of the badge (flat, plastic, for-the-badge, etc.) 🎨 ColorSettings Background Color: Background color for the right side of the badge Label Background Color: Background color for the left side of the badge Logo Color: Color of the logo (e.g. white or black) 🔗 Using the HTML Copy the generated HTML code and paste it into your website, blog, GitHub README, etc. HTML works in GitHub READMEs, but if you prefer markdown, use ![alt text](badge URL). 💡 Tips Click on any example in the grid to automatically fill in all settings The preview updates in real-time as you make changes You can use over 2000+ logos from Simple Icons - just enter the name Choose from predefined colors in the dropdown menus for consistent results
duiw doi

I recently discovered BadgeCraft and found its interface incredibly intuitive and convenient for creating badges for my GitHub projects. It offers over 2000 logos and various style options, with the real-time preview feature being particularly useful. The ability to click on example badges to automatically fill in settings saved me a significant amount of time.