|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>AI Tools Directory</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.fade-in { |
|
|
animation: fadeIn 0.3s ease-in-out; |
|
|
} |
|
|
@keyframes fadeIn { |
|
|
from { opacity: 0; transform: translateY(10px); } |
|
|
to { opacity: 1; transform: translateY(0); } |
|
|
} |
|
|
.category-chip { |
|
|
transition: all 0.2s ease; |
|
|
} |
|
|
.category-chip:hover { |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.tool-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); |
|
|
} |
|
|
.scrollbar-hide::-webkit-scrollbar { |
|
|
display: none; |
|
|
} |
|
|
.scrollbar-hide { |
|
|
-ms-overflow-style: none; |
|
|
scrollbar-width: none; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100 min-h-screen"> |
|
|
<div class="container mx-auto px-4 py-8"> |
|
|
|
|
|
<header class="mb-8"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4"> |
|
|
<div> |
|
|
<h1 class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-purple-400 to-blue-500 bg-clip-text text-transparent">AI Tools Directory</h1> |
|
|
<p class="text-gray-400 mt-2">Discover the best AI tools for every need</p> |
|
|
</div> |
|
|
<div class="relative w-full md:w-auto"> |
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> |
|
|
<i class="fas fa-search text-gray-500"></i> |
|
|
</div> |
|
|
<input type="text" id="searchInput" placeholder="Search tools (e.g. 'website', 'image')" |
|
|
class="bg-gray-800 border border-gray-700 rounded-lg py-2 pl-10 pr-4 w-full focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent"> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div class="mb-8"> |
|
|
<h2 class="text-xl font-semibold mb-4">Categories</h2> |
|
|
<div class="flex flex-wrap gap-3 scrollbar-hide overflow-x-auto pb-2"> |
|
|
<button data-category="all" class="category-chip bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-layer-group"></i> All |
|
|
</button> |
|
|
<button data-category="creation" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-magic"></i> AI Creation |
|
|
</button> |
|
|
<button data-category="writing" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-pen"></i> Writing |
|
|
</button> |
|
|
<button data-category="marketing" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-bullhorn"></i> Marketing |
|
|
</button> |
|
|
<button data-category="chatbot" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-robot"></i> Chatbots |
|
|
</button> |
|
|
<button data-category="workplace" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-briefcase"></i> Workplace |
|
|
</button> |
|
|
<button data-category="design" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-paint-brush"></i> Design |
|
|
</button> |
|
|
<button data-category="speech" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-microphone"></i> Speech |
|
|
</button> |
|
|
<button data-category="image" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-image"></i> Image |
|
|
</button> |
|
|
<button data-category="programming" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-code"></i> Programming |
|
|
</button> |
|
|
<button data-category="health" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-heartbeat"></i> Health |
|
|
</button> |
|
|
<button data-category="learning" class="category-chip bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full font-medium flex items-center gap-2"> |
|
|
<i class="fas fa-graduation-cap"></i> Learning |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-8"> |
|
|
<h2 class="text-xl font-semibold mb-4">Popular Tags</h2> |
|
|
<div class="flex flex-wrap gap-2"> |
|
|
<button data-tag="website" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">website builder</button> |
|
|
<button data-tag="video" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">video</button> |
|
|
<button data-tag="copywriting" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">copywriting</button> |
|
|
<button data-tag="productivity" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">productivity</button> |
|
|
<button data-tag="3d" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">3D</button> |
|
|
<button data-tag="logo" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">logo</button> |
|
|
<button data-tag="presentation" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">presentation</button> |
|
|
<button data-tag="code" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">code</button> |
|
|
<button data-tag="transcription" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">transcription</button> |
|
|
<button data-tag="image-editing" class="tag-chip bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-sm">image editing</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="toolsContainer" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="emptyState" class="hidden text-center py-16"> |
|
|
<i class="fas fa-search text-5xl text-gray-600 mb-4"></i> |
|
|
<h3 class="text-xl font-semibold text-gray-300">No tools found</h3> |
|
|
<p class="text-gray-500 mt-2">Try adjusting your search or filter criteria</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
const tools = [ |
|
|
{ |
|
|
name: "Flowith", |
|
|
link: "https://flowith.io", |
|
|
description: "AI creation workspace enabling seamless collaboration and innovative interaction with advanced AI, transforming knowledge into vibrant ideas.", |
|
|
category: "creation", |
|
|
tags: ["collaboration", "workspace"] |
|
|
}, |
|
|
{ |
|
|
name: "Emergent", |
|
|
link: "https://app.emergent.sh", |
|
|
description: "Build real products with Emergent's vibe-coding platform. Emergent AI creates production-ready applications from natural language—no developers required.", |
|
|
category: "creation", |
|
|
tags: ["website", "app", "no-code"] |
|
|
}, |
|
|
{ |
|
|
name: "DeepSite", |
|
|
link: "https://enzostvs-deepsite.hf.space", |
|
|
description: "Web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.", |
|
|
category: "creation", |
|
|
tags: ["website", "no-code"] |
|
|
}, |
|
|
{ |
|
|
name: "DataButton", |
|
|
link: "https://databutton.com", |
|
|
description: "Your hunt for a CTO ends here. Team up with the world's first reasoning AI developer to build your SaaS product or radically transform how you operate your business.", |
|
|
category: "creation", |
|
|
tags: ["saas", "development"] |
|
|
}, |
|
|
{ |
|
|
name: "ChatGPT", |
|
|
link: "https://chat.openai.com/", |
|
|
description: "AI language model developed by OpenAI that can engage in human-like conversations.", |
|
|
category: "writing", |
|
|
tags: ["chat", "text"] |
|
|
}, |
|
|
{ |
|
|
name: "Coze", |
|
|
link: "https://www.coze.com/", |
|
|
description: "Next-generation AI application and chatbot developing platform for everyone.", |
|
|
category: "chatbot", |
|
|
tags: ["chat", "assistant"] |
|
|
}, |
|
|
{ |
|
|
name: "Jasper Ai", |
|
|
link: "https://www.jasper.ai/", |
|
|
description: "AI chatbot platform that enables businesses to automate customer interactions and support.", |
|
|
category: "writing", |
|
|
tags: ["copywriting", "marketing"] |
|
|
}, |
|
|
{ |
|
|
name: "Unriddle", |
|
|
link: "https://www.unriddle.ai/", |
|
|
description: "Read, write and organize research papers with AI. The free AI research assistant to help you read and write research papers faster.", |
|
|
category: "writing", |
|
|
tags: ["research", "academic"] |
|
|
}, |
|
|
{ |
|
|
name: "Copy AI", |
|
|
link: "https://www.copy.ai/", |
|
|
description: "AI-powered writing tool that helps you generate persuasive and engaging content effortlessly.", |
|
|
category: "writing", |
|
|
tags: ["copywriting", "marketing"] |
|
|
}, |
|
|
{ |
|
|
name: "WriteSonic", |
|
|
link: "https://writesonic.com/", |
|
|
description: "AI copywriting tool that assists in generating high-quality content and marketing copy.", |
|
|
category: "writing", |
|
|
tags: ["copywriting", "marketing"] |
|
|
}, |
|
|
{ |
|
|
name: "Headlime", |
|
|
link: "https://headlime.com/", |
|
|
description: "AI-powered copywriting tool that helps in creating compelling headlines and copy.", |
|
|
category: "writing", |
|
|
tags: ["copywriting", "headlines"] |
|
|
}, |
|
|
{ |
|
|
name: "PepperType", |
|
|
link: "https://peppertype.ai/", |
|
|
description: "AI writing assistant that provides suggestions and enhancements to improve your writing.", |
|
|
category: "writing", |
|
|
tags: ["writing", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Quillbot", |
|
|
link: "https://quillbot.com/", |
|
|
description: "AI paraphrasing tool that assists in rephrasing and improving the clarity of written content.", |
|
|
category: "writing", |
|
|
tags: ["paraphrasing", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Rytr", |
|
|
link: "https://rytr.me/", |
|
|
description: "AI writing assistant that helps you generate creative and well-written content quickly.", |
|
|
category: "writing", |
|
|
tags: ["content", "writing"] |
|
|
}, |
|
|
{ |
|
|
name: "MoonBeam", |
|
|
link: "https://www.gomoonbeam.com/", |
|
|
description: "AI-powered content ideation tool that generates ideas and inspiration for your writing.", |
|
|
category: "writing", |
|
|
tags: ["ideas", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Simplified", |
|
|
link: "https://simplified.com/ai-writer/", |
|
|
description: "AI writing tool that helps you compose clear, concise, and engaging content easily.", |
|
|
category: "writing", |
|
|
tags: ["writing", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Lex Page", |
|
|
link: "https://lex.page/", |
|
|
description: "AI-powered writing platform that offers language processing and content generation features.", |
|
|
category: "writing", |
|
|
tags: ["writing", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Copy Smith", |
|
|
link: "https://copysmith.ai/", |
|
|
description: "AI copywriting tool that helps you generate persuasive and effective marketing copy.", |
|
|
category: "writing", |
|
|
tags: ["copywriting", "marketing"] |
|
|
}, |
|
|
{ |
|
|
name: "Subtxt", |
|
|
link: "https://subtxt.app/", |
|
|
description: "AI writing tool that generates creative and unique content ideas based on your inputs.", |
|
|
category: "writing", |
|
|
tags: ["ideas", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Ellie Email Assistant", |
|
|
link: "https://tryellie.com/", |
|
|
description: "AI-powered tool that helps you write professional and effective emails.", |
|
|
category: "writing", |
|
|
tags: ["email", "productivity"] |
|
|
}, |
|
|
{ |
|
|
name: "Wordtune", |
|
|
link: "https://www.wordtune.com/", |
|
|
description: "AI-powered writing assistant that offers suggestions to improve the clarity and style of text.", |
|
|
category: "writing", |
|
|
tags: ["writing", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Sudowrite", |
|
|
link: "https://www.sudowrite.com/", |
|
|
description: "AI writing tool that helps you generate creative and engaging content effortlessly.", |
|
|
category: "writing", |
|
|
tags: ["writing", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Novel", |
|
|
link: "https://novelai.net/", |
|
|
description: "AI-powered writing tool that assists in generating high-quality content and creative stories.", |
|
|
category: "writing", |
|
|
tags: ["stories", "creative"] |
|
|
}, |
|
|
{ |
|
|
name: "Invideo", |
|
|
link: "https://invideo.io/", |
|
|
description: "Create videos with text prompts. Publish-ready videos with zero video creation skills. Type any topic and invideo AI creates a video with script, visuals, subtitles, voiceover & music.", |
|
|
category: "marketing", |
|
|
tags: ["video", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Frase", |
|
|
link: "https://www.frase.io/", |
|
|
description: "Content intelligence platform that helps you research, analyze, and optimize your content strategy.", |
|
|
category: "marketing", |
|
|
tags: ["seo", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Surfer SEO", |
|
|
link: "https://surferseo.com/", |
|
|
description: "AI-powered platform that offers data-driven insights and recommendations to optimize web content and improve search engine rankings.", |
|
|
category: "marketing", |
|
|
tags: ["seo", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Scalenut", |
|
|
link: "https://scalenut.com/", |
|
|
description: "AI-powered platform that offers content generation, optimization, and performance tracking solutions, helping businesses enhance their online presence.", |
|
|
category: "marketing", |
|
|
tags: ["seo", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Mutiny", |
|
|
link: "https://www.mutinyhq.com/", |
|
|
description: "AI-powered platform that assists with personalization and optimization of website experiences, helping businesses improve user engagement and conversion rates.", |
|
|
category: "marketing", |
|
|
tags: ["website", "conversion"] |
|
|
}, |
|
|
{ |
|
|
name: "Seventh Sense", |
|
|
link: "https://www.theseventhsense.com/", |
|
|
description: "AI-powered email marketing tool that optimizes email campaigns for maximum engagement. By analyzing recipient behavior and engagement patterns, it determines the best time to send emails, improving deliverability and driving better results.", |
|
|
category: "marketing", |
|
|
tags: ["email", "marketing"] |
|
|
}, |
|
|
{ |
|
|
name: "MarketMuse", |
|
|
link: "https://www.marketmuse.com/", |
|
|
description: "AI content intelligence platform that provides data-driven insights to optimize content strategies.", |
|
|
category: "marketing", |
|
|
tags: ["content", "seo"] |
|
|
}, |
|
|
{ |
|
|
name: "Phrasee", |
|
|
link: "https://phrasee.co/", |
|
|
description: "AI-powered marketing copywriting platform that helps optimize email subject lines for maximum impact.", |
|
|
category: "marketing", |
|
|
tags: ["email", "copywriting"] |
|
|
}, |
|
|
{ |
|
|
name: "Landbot", |
|
|
link: "https://landbot.io/", |
|
|
description: "Chatbot platform that uses AI to create interactive and engaging conversations with users.", |
|
|
category: "chatbot", |
|
|
tags: ["chat", "automation"] |
|
|
}, |
|
|
{ |
|
|
name: "Cresta", |
|
|
link: "https://cresta.com/", |
|
|
description: "AI-powered platform that provides real-time coaching to customer service and sales agents.", |
|
|
category: "chatbot", |
|
|
tags: ["customer", "support"] |
|
|
}, |
|
|
{ |
|
|
name: "Kaizan", |
|
|
link: "https://kaizan.ai/", |
|
|
description: "AI-powered tool that helps businesses automate their customer support and sales processes.", |
|
|
category: "chatbot", |
|
|
tags: ["customer", "support"] |
|
|
}, |
|
|
{ |
|
|
name: "WotNot", |
|
|
link: "https://wotnot.io/", |
|
|
description: "Chatbot builder that uses AI to create customized and interactive chatbot experiences.", |
|
|
category: "chatbot", |
|
|
tags: ["chat", "automation"] |
|
|
}, |
|
|
{ |
|
|
name: "Cohere", |
|
|
link: "https://cohere.ai/", |
|
|
description: "AI platform that enables developers to easily implement natural language processing models.", |
|
|
category: "chatbot", |
|
|
tags: ["nlp", "developer"] |
|
|
}, |
|
|
{ |
|
|
name: "Tidio", |
|
|
link: "https://www.tidio.com/", |
|
|
description: "Live chat and chatbot platform that uses AI to enhance customer interactions and support.", |
|
|
category: "chatbot", |
|
|
tags: ["customer", "support"] |
|
|
}, |
|
|
{ |
|
|
name: "Quickchat", |
|
|
link: "https://www.quickchat.ai/", |
|
|
description: "AI chatbot platform that helps businesses automate customer support and lead generation.", |
|
|
category: "chatbot", |
|
|
tags: ["customer", "support"] |
|
|
}, |
|
|
{ |
|
|
name: "Notion AI", |
|
|
link: "https://www.notion.so/product/ai", |
|
|
description: "AI-powered productivity tool that helps users organize, collaborate, and manage their tasks.", |
|
|
category: "workplace", |
|
|
tags: ["productivity", "organization"] |
|
|
}, |
|
|
{ |
|
|
name: "Craft", |
|
|
link: "https://www.craft.do/", |
|
|
description: "Collaborative workspace tool that leverages AI to enhance productivity and streamline workflows.", |
|
|
category: "workplace", |
|
|
tags: ["productivity", "collaboration"] |
|
|
}, |
|
|
{ |
|
|
name: "Mem", |
|
|
link: "https://mem.ai/", |
|
|
description: "AI-powered note-taking tool designed to capture and organize information in a more efficient way.", |
|
|
category: "workplace", |
|
|
tags: ["notes", "productivity"] |
|
|
}, |
|
|
{ |
|
|
name: "Taskade", |
|
|
link: "https://www.taskade.com/", |
|
|
description: "All-in-one workspace that uses AI to help individuals and teams manage tasks and projects.", |
|
|
category: "workplace", |
|
|
tags: ["productivity", "tasks"] |
|
|
}, |
|
|
{ |
|
|
name: "WandAI", |
|
|
link: "https://wand.ai", |
|
|
description: "The AI operating system for hybrid workforces. Autonomous agents orchestrate teams, automate enterprise processes, and scale execution seamlessly.", |
|
|
category: "workplace", |
|
|
tags: ["automation", "enterprise"] |
|
|
}, |
|
|
{ |
|
|
name: "Zapier", |
|
|
link: "https://zapier.com", |
|
|
description: "Build and ship AI workflows in minutes—no IT bottlenecks, no complexity. Just results.", |
|
|
category: "workplace", |
|
|
tags: ["automation", "workflows"] |
|
|
}, |
|
|
{ |
|
|
name: "Logo Diffusion", |
|
|
link: "https://logodiffusion.com/", |
|
|
description: "Create Logos in Seconds Using Generative A.I. Create unique & custom logos without relying on stock designs.Start with a sketch or a prompt & control every aspect of your logo design process.", |
|
|
category: "design", |
|
|
tags: ["logo", "branding"] |
|
|
}, |
|
|
{ |
|
|
name: "Framer", |
|
|
link: "https://www.framer.com/", |
|
|
description: "Design and publish modern sites at any scale with Framer's web builder. Build Your Ultimate Website Design. Import Your Designs from Figma.", |
|
|
category: "design", |
|
|
tags: ["website", "design"] |
|
|
}, |
|
|
{ |
|
|
name: "HomeByMe", |
|
|
link: "https://home.by.me/en/", |
|
|
description: "Find inspiration to furnish and decorate your home in 3D", |
|
|
category: "design", |
|
|
tags: ["3d", "interior"] |
|
|
}, |
|
|
{ |
|
|
name: "Immersity", |
|
|
link: "https://www.immersity.ai/", |
|
|
description: "Transform any Image. Convert your 2D Image into a 3D motion, adding an extra dimension with depth by movement.", |
|
|
category: "design", |
|
|
tags: ["3d", "image"] |
|
|
}, |
|
|
{ |
|
|
name: "Gamma", |
|
|
link: "https://gamma.app/", |
|
|
description: "A new medium for presenting ideas. Powered by AI. Beautiful presentations, documents, and websites. No design or coding skills required.", |
|
|
category: "design", |
|
|
tags: ["presentation", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Meshy", |
|
|
link: "https://www.meshy.ai/", |
|
|
description: "Turn photo into 3d model — Meshy AI: best 3d modeling software 2024, text to 3d, image to 3d, create moving 3d models", |
|
|
category: "design", |
|
|
tags: ["3d", "modeling"] |
|
|
}, |
|
|
{ |
|
|
name: "Lumalabs", |
|
|
link: "https://lumalabs.ai/dream-machine", |
|
|
description: "Dream Machine is an AI model that makes high quality, realistic videos fast from text and images. It is a highly scalable and efficient transformer model.", |
|
|
category: "design", |
|
|
tags: ["video", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "Diagram", |
|
|
link: "https://diagram.com/", |
|
|
description: "Diagram is an AI-powered platform for creating visual diagrams and charts, making it easier to communicate information.", |
|
|
category: "design", |
|
|
tags: ["diagrams", "visualization"] |
|
|
}, |
|
|
{ |
|
|
name: "Vizcom", |
|
|
link: "https://www.vizcom.ai/", |
|
|
description: "Vizcom is an AI-driven tool that helps users create stunning visual content and graphics for various purposes.", |
|
|
category: "design", |
|
|
tags: ["visualization", "graphics"] |
|
|
}, |
|
|
{ |
|
|
name: "Namelix", |
|
|
link: "https://namelix.com/", |
|
|
description: "Namelix is an AI-powered platform that generates creative and unique business name ideas for startups and companies.", |
|
|
category: "design", |
|
|
tags: ["branding", "naming"] |
|
|
}, |
|
|
{ |
|
|
name: "Interior Design", |
|
|
link: "https://interiorai.com/", |
|
|
description: "Interior Design is an AI-powered software that assists in designing and visualizing interior spaces and decor ideas.", |
|
|
category: "design", |
|
|
tags: ["interior", "3d"] |
|
|
}, |
|
|
{ |
|
|
name: "Visualize", |
|
|
link: "https://visualise.ai/", |
|
|
description: "Visualize is an AI platform that transforms raw data into interactive visualizations and insightful charts and graphs.", |
|
|
category: "design", |
|
|
tags: ["data", "visualization"] |
|
|
}, |
|
|
{ |
|
|
name: "Lexica", |
|
|
link: "https://lexica.art/", |
|
|
description: "Lexica is an AI-based art platform that generates unique and creative artwork using algorithms and machine learning.", |
|
|
category: "design", |
|
|
tags: ["art", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "Looka", |
|
|
link: "https://looka.com/", |
|
|
description: "Looka is an AI-driven platform that enables users to create professional logos and brand identities in minutes.", |
|
|
category: "design", |
|
|
tags: ["logo", "branding"] |
|
|
}, |
|
|
{ |
|
|
name: "WandApp", |
|
|
link: "https://www.wand.app", |
|
|
description: "Wand lets you sketch, render, edit, and style anything with the power of AI in seconds. Download for iOS and explore the creative possibilities of Wand with tutorials, artists, and features.", |
|
|
category: "design", |
|
|
tags: ["sketch", "design"] |
|
|
}, |
|
|
{ |
|
|
name: "Relume", |
|
|
link: "https://www.relume.io", |
|
|
description: "Relume uses AI to generate sitemaps, wireframes and style guides for marketing websites in minutes. Export to Figma, Webflow or React and collaborate with clients and team members.", |
|
|
category: "design", |
|
|
tags: ["website", "wireframes"] |
|
|
}, |
|
|
{ |
|
|
name: "Resemble", |
|
|
link: "https://www.resemble.ai/", |
|
|
description: "Resemble is an AI platform that enables users to generate realistic voices and deepfake audio for various applications.", |
|
|
category: "speech", |
|
|
tags: ["voice", "audio"] |
|
|
}, |
|
|
{ |
|
|
name: "Broadn", |
|
|
link: "https://www.broadn.io/", |
|
|
description: "Broadn is an AI-powered platform that helps users create engaging and personalized video content at scale.", |
|
|
category: "speech", |
|
|
tags: ["video", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Podcast", |
|
|
link: "https://podcast.ai/", |
|
|
description: "Podcast AI is an AI tool that transcribes and generates searchable transcripts for podcasts, making them more accessible.", |
|
|
category: "speech", |
|
|
tags: ["podcast", "transcription"] |
|
|
}, |
|
|
{ |
|
|
name: "Fliki", |
|
|
link: "https://fliki.ai/", |
|
|
description: "Fliki is an AI-powered video editing tool that automatically generates video highlights and summaries from long footage.", |
|
|
category: "speech", |
|
|
tags: ["video", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Wellsaidlabs", |
|
|
link: "https://wellsaidlabs.com/", |
|
|
description: "Wellsaidlabs offers AI-generated voiceover services, providing natural-sounding voiceovers for various media content.", |
|
|
category: "speech", |
|
|
tags: ["voice", "audio"] |
|
|
}, |
|
|
{ |
|
|
name: "Voicemod", |
|
|
link: "https://www.voicemod.net/ai-voices/", |
|
|
description: "Voicemod provides AI voices and voice modification tools for creating unique and immersive audio experiences.", |
|
|
category: "speech", |
|
|
tags: ["voice", "audio"] |
|
|
}, |
|
|
{ |
|
|
name: "Otter", |
|
|
link: "https://otter.ai/", |
|
|
description: "Otter is an AI-powered transcription tool that automatically transcribes and generates searchable notes from audio files.", |
|
|
category: "speech", |
|
|
tags: ["transcription", "notes"] |
|
|
}, |
|
|
{ |
|
|
name: "TLDR This", |
|
|
link: "https://tldrthis.com/", |
|
|
description: "TLDR This is an AI tool that summarizes articles and webpages, providing concise and easy-to-read summaries.", |
|
|
category: "speech", |
|
|
tags: ["summarization", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Glasp AI", |
|
|
link: "https://glasp.co/ai-summary", |
|
|
description: "Glasp AI offers an AI-powered summarization tool that automatically generates concise summaries of written content.", |
|
|
category: "speech", |
|
|
tags: ["summarization", "content"] |
|
|
}, |
|
|
{ |
|
|
name: "Sembly", |
|
|
link: "https://www.sembly.ai/", |
|
|
description: "Sembly is an AI platform that automates video editing tasks, making it easier to create professional-quality videos.", |
|
|
category: "speech", |
|
|
tags: ["video", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Summari", |
|
|
link: "https://www.summari.com/products/chrome", |
|
|
description: "Summari is a Chrome extension that provides AI-powered article summarization, saving time and improving productivity.", |
|
|
category: "speech", |
|
|
tags: ["summarization", "productivity"] |
|
|
}, |
|
|
{ |
|
|
name: "Coqui", |
|
|
link: "https://coqui.ai/", |
|
|
description: "Coqui is an open-source project that provides free and accessible tools for automatic speech recognition (ASR) tasks.", |
|
|
category: "speech", |
|
|
tags: ["speech", "recognition"] |
|
|
}, |
|
|
{ |
|
|
name: "KreaAI", |
|
|
link: "https://www.krea.ai/home", |
|
|
description: "Generative AI made easy. Generate and enhance images and videos using powerful AI for free.", |
|
|
category: "image", |
|
|
tags: ["image", "video"] |
|
|
}, |
|
|
{ |
|
|
name: "ClaidAI", |
|
|
link: "https://claid.ai/", |
|
|
description: "Create multiple product images that suit your brand.", |
|
|
category: "image", |
|
|
tags: ["product", "image"] |
|
|
}, |
|
|
{ |
|
|
name: "Profile Picture", |
|
|
link: "https://www.profilepicture.ai/", |
|
|
description: "Profile Picture is an AI-powered tool that generates realistic and personalized profile pictures. It uses advanced generative models to create unique avatars based on user preferences.", |
|
|
category: "image", |
|
|
tags: ["avatar", "profile"] |
|
|
}, |
|
|
{ |
|
|
name: "Photosonic", |
|
|
link: "https://photosonic.writesonic.com/", |
|
|
description: "Photosonic is an AI-powered tool by WriteSonic that provides automated image captioning. It uses cutting-edge deep learning models to analyze images and generate accurate and descriptive captions.", |
|
|
category: "image", |
|
|
tags: ["image", "captioning"] |
|
|
}, |
|
|
{ |
|
|
name: "Remove BG", |
|
|
link: "https://www.remove.bg/", |
|
|
description: "Remove BG is a handy tool that uses AI algorithms to automatically remove the background from images. With just a few clicks, users can extract the main subject of an image without any manual editing.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "background"] |
|
|
}, |
|
|
{ |
|
|
name: "Artbreeder", |
|
|
link: "https://www.artbreeder.com/", |
|
|
description: "Artbreeder is an innovative platform that harnesses the power of AI and genetic algorithms to enable users to create unique and inspiring artworks.", |
|
|
category: "image", |
|
|
tags: ["art", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "Magiceraser", |
|
|
link: "https://magicstudio.com/magiceraser", |
|
|
description: "Magiceraser is an AI-powered tool that automates the process of removing backgrounds from images. It uses advanced image recognition and segmentation techniques.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "background"] |
|
|
}, |
|
|
{ |
|
|
name: "Removal", |
|
|
link: "https://removal.ai/", |
|
|
description: "Removal is an AI-based tool that automates the removal of objects or people from images. By leveraging advanced computer vision algorithms, it accurately detects and removes unwanted elements from photos.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "objects"] |
|
|
}, |
|
|
{ |
|
|
name: "Image Enlarger", |
|
|
link: "https://imglarger.com/", |
|
|
description: "Image Enlarger is an AI-powered tool that enhances the resolution and quality of images. It utilizes advanced algorithms to upscale images while preserving details and reducing noise.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "upscaling"] |
|
|
}, |
|
|
{ |
|
|
name: "Watermark Removal", |
|
|
link: "https://www.watermarkremover.io/", |
|
|
description: "Watermark Removal is an online tool that uses AI technology to remove watermarks from images. It provides a simple and efficient solution for removing watermarks from photos.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "watermark"] |
|
|
}, |
|
|
{ |
|
|
name: "Cutout Pro", |
|
|
link: "https://www.cutout.pro/", |
|
|
description: "Cutout Pro is an AI-based tool that automates the process of removing backgrounds from images. It uses advanced image recognition and segmentation algorithms.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "background"] |
|
|
}, |
|
|
{ |
|
|
name: "Passport Photo", |
|
|
link: "https://passphoto.ai/", |
|
|
description: "Passport Photo is an AI-powered tool that helps users create passport photos with ease. By uploading a photo and selecting the desired passport photo requirements.", |
|
|
category: "image", |
|
|
tags: ["photo", "editing"] |
|
|
}, |
|
|
{ |
|
|
name: "Picso", |
|
|
link: "https://picso.ai/", |
|
|
description: "Picso is an AI-powered platform for image enhancement and editing. It offers a range of features, including noise reduction, color adjustment, and image sharpening.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "enhancement"] |
|
|
}, |
|
|
{ |
|
|
name: "Runway", |
|
|
link: "https://runwayml.com/", |
|
|
description: "Runway is an AI platform that provides a range of tools and models for creative exploration and development. It offers a user-friendly interface for running and experimenting with state-of-the-art AI models.", |
|
|
category: "image", |
|
|
tags: ["art", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "Profile Pic Maker", |
|
|
link: "https://pfpmaker.com/", |
|
|
description: "Profile Pic Maker is an online tool that helps users create stylish and personalized profile pictures. It offers a variety of features and templates to design unique avatars.", |
|
|
category: "image", |
|
|
tags: ["avatar", "profile"] |
|
|
}, |
|
|
{ |
|
|
name: "Recraft", |
|
|
link: "https://www.recraft.ai", |
|
|
description: "Premium image generation and editing tool. Store and share your own styles, create, fine-tune, upscale, and perfect your visuals.", |
|
|
category: "image", |
|
|
tags: ["image-editing", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "Tabnine", |
|
|
link: "https://www.tabnine.com/", |
|
|
description: "Tabnine is an AI-powered code completion tool that integrates with various programming editors and helps developers write code faster and more efficiently.", |
|
|
category: "programming", |
|
|
tags: ["code", "completion"] |
|
|
}, |
|
|
{ |
|
|
name: "OpenAI Codex", |
|
|
link: "https://openai.com/blog/openai-codex/", |
|
|
description: "OpenAI Codex is a language model developed by OpenAI that enables natural language understanding and generation, making it useful for various coding tasks.", |
|
|
category: "programming", |
|
|
tags: ["code", "generation"] |
|
|
}, |
|
|
{ |
|
|
name: "GitHub Copilot", |
|
|
link: "https://github.com/features/copilot", |
|
|
description: "GitHub Copilot is an AI-powered code completion tool built by GitHub in collaboration with OpenAI. It assists developers in writing code snippets and suggestions.", |
|
|
category: "programming", |
|
|
tags: ["code", "completion"] |
|
|
}, |
|
|
{ |
|
|
name: "AI Commit", |
|
|
link: "https://github.com/abi/autocommit", |
|
|
description: "AI Commit is a GitHub action that automatically generates commit messages using AI to summarize code changes, making it easier to track and understand commits.", |
|
|
category: "programming", |
|
|
tags: ["git", "productivity"] |
|
|
}, |
|
|
{ |
|
|
name: "DeepCode", |
|
|
link: "https://www.deepcode.ai/", |
|
|
description: "DeepCode is an AI-powered code analysis platform that identifies bugs, vulnerabilities, and performance issues in code, providing developers with actionable insights.", |
|
|
category: "programming", |
|
|
tags: ["code", "analysis"] |
|
|
}, |
|
|
{ |
|
|
name: "AI2Sql", |
|
|
link: "https://www.ai2sql.io/", |
|
|
description: "AI2Sql is a tool that uses natural language processing and machine learning to automatically generate SQL queries based on user-provided descriptions and intentions.", |
|
|
category: "programming", |
|
|
tags: ["sql", "database"] |
|
|
}, |
|
|
{ |
|
|
name: "Replit", |
|
|
link: "https://replit.com/site/ghostwriter", |
|
|
description: "Replit's Ghostwriter is an AI-powered writing assistant that helps with code explanations, comments, and documentation, making it easier to communicate ideas in code.", |
|
|
category: "programming", |
|
|
tags: ["code", "documentation"] |
|
|
}, |
|
|
{ |
|
|
name: "Akkio", |
|
|
link: "https://www.akkio.com/", |
|
|
description: "Akkio is a platform that enables users to build and deploy AI models without coding. It offers a user-friendly interface and powerful tools for data analysis and machine learning.", |
|
|
category: "programming", |
|
|
tags: ["ml", "no-code"] |
|
|
}, |
|
|
{ |
|
|
name: "Mutable", |
|
|
link: "https://mutable.ai/", |
|
|
description: "Mutable is a platform that allows developers to train and deploy machine learning models in the cloud. It provides an easy-to-use interface and infrastructure for AI development.", |
|
|
category: "programming", |
|
|
tags: ["ml", "cloud"] |
|
|
}, |
|
|
{ |
|
|
name: "Sheetplus", |
|
|
link: "https://sheetplus.ai/", |
|
|
description: "Sheetplus is an AI-powered tool that enhances Google Sheets by providing automated data analysis, predictions, and insights, helping users make data-driven decisions.", |
|
|
category: "programming", |
|
|
tags: ["spreadsheet", "data"] |
|
|
}, |
|
|
{ |
|
|
name: "ExcelFormulaBot", |
|
|
link: "https://excelformulabot.com/", |
|
|
description: "ExcelFormulaBot is a chatbot that assists users in generating Excel formulas. It uses AI to understand user requirements and provides appropriate formulas to perform desired calculations.", |
|
|
category: "programming", |
|
|
tags: ["excel", "formulas"] |
|
|
}, |
|
|
{ |
|
|
name: "WorkoutCool", |
|
|
link: "https://workout.cool", |
|
|
description: "Create free workout routines with our comprehensive exercise database. Track your progress and achieve your fitness goals.", |
|
|
category: "health", |
|
|
tags: ["fitness", "workout"] |
|
|
}, |
|
|
{ |
|
|
name: "DareBee", |
|
|
link: "https://darebee.com/workouts.html", |
|
|
description: "2200+ free workouts: cardio, strength, HIIT and abs by DAREBEE", |
|
|
category: "health", |
|
|
tags: ["fitness", "workout"] |
|
|
}, |
|
|
{ |
|
|
name: "Supercook", |
|
|
link: "https://www.supercook.com", |
|
|
description: "Supercook is a recipe search engine that lets you search by ingredients you have at home. Find thousands of recipes you can make right now with the ingredients you have available at home.", |
|
|
category: "health", |
|
|
tags: ["food", "recipes"] |
|
|
}, |
|
|
{ |
|
|
name: "MuscleWiki", |
|
|
link: "https://musclewiki.com", |
|
|
description: "MuscleWiki is a fitness app with a comprehensive exercise library that includes videos and written instructions for over 2000 exercises.", |
|
|
category: "health", |
|
|
tags: ["fitness", "workout"] |
|
|
}, |
|
|
{ |
|
|
name: "MakeMyDriveFun", |
|
|
link: "https://makemydrivefun.com", |
|
|
description: "Make my drive fun Enter in two locations to make the drive fun.", |
|
|
category: "travel", |
|
|
tags: ["travel", "navigation"] |
|
|
}, |
|
|
{ |
|
|
name: "SeatGuru", |
|
|
link: "https://www.seatguru.com", |
|
|
description: "SeatGuru helps you find the best flight at the right price and choose the best seats and in-flight amenities.", |
|
|
category: "travel", |
|
|
tags: ["travel", "flights"] |
|
|
}, |
|
|
{ |
|
|
name: "The Bézier Game", |
|
|
link: "https://bezier.method.ac", |
|
|
description: "Learn and master the Bézier curve tool through an interactive and engaging game designed to enhance your design skills.", |
|
|
category: "learning", |
|
|
tags: ["design", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "Exercism", |
|
|
link: "https://exercism.org", |
|
|
description: "Get really good at programming. Develop fluency in 77 programming languages with our unique blend of learning, practice and mentoring.", |
|
|
category: "learning", |
|
|
tags: ["programming", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "Cheatography", |
|
|
link: "https://cheatography.com", |
|
|
description: "Cheatography is a collection of 6768 cheat sheets and quick references in 25 languages for everything from language to science!", |
|
|
category: "learning", |
|
|
tags: ["education", "reference"] |
|
|
}, |
|
|
{ |
|
|
name: "TypingBird", |
|
|
link: "https://typingbird.com", |
|
|
description: "Typingbird's free typing games help learn to type fast while having fun! Ideal for kids and adults looking to improve typing speed & accuracy", |
|
|
category: "learning", |
|
|
tags: ["typing", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "Instructables", |
|
|
link: "https://www.instructables.com", |
|
|
description: "Instructables is a community for people who like to make things. Come explore, share, and make your next project with us!", |
|
|
category: "learning", |
|
|
tags: ["diy", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "LingoHut", |
|
|
link: "https://www.lingohut.com/en", |
|
|
description: "LingoHut offers short, effective, and fun lessons for over 50 languages without fees or sign-ups.", |
|
|
category: "learning", |
|
|
tags: ["language", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "HumanBenchmark", |
|
|
link: "https://humanbenchmark.com", |
|
|
description: "Human Benchmark is a website that lets you measure your abilities with various brain games and tests.", |
|
|
category: "learning", |
|
|
tags: ["brain", "games"] |
|
|
}, |
|
|
{ |
|
|
name: "Wolfram|Alpha", |
|
|
link: "https://www.wolframalpha.com", |
|
|
description: "Wolfram|Alpha brings expert-level knowledge and capabilities to the broadest possible range of people—spanning all professions and education levels.", |
|
|
category: "learning", |
|
|
tags: ["math", "reference"] |
|
|
}, |
|
|
{ |
|
|
name: "GeeksForGeeks", |
|
|
link: "https://www.geeksforgeeks.org", |
|
|
description: "Your All-in-One Learning Portal. It contains well written, well thought and well explained computer science and programming articles.", |
|
|
category: "learning", |
|
|
tags: ["programming", "education"] |
|
|
}, |
|
|
{ |
|
|
name: "edX", |
|
|
link: "https://www.edx.org", |
|
|
description: "Find the online learning path for you, delivered by world-class institutions like Harvard, Google, Amazon, and more.", |
|
|
category: "learning", |
|
|
tags: ["courses", "education"] |
|
|
} |
|
|
]; |
|
|
|
|
|
|
|
|
const toolsContainer = document.getElementById('toolsContainer'); |
|
|
const searchInput = document.getElementById('searchInput'); |
|
|
const emptyState = document.getElementById('emptyState'); |
|
|
const categoryButtons = document.querySelectorAll('[data-category]'); |
|
|
const tagButtons = document.querySelectorAll('[data-tag]'); |
|
|
|
|
|
|
|
|
let currentCategory = 'all'; |
|
|
let currentSearch = ''; |
|
|
let currentTag = ''; |
|
|
|
|
|
|
|
|
function init() { |
|
|
renderTools(); |
|
|
setupEventListeners(); |
|
|
} |
|
|
|
|
|
|
|
|
function setupEventListeners() { |
|
|
|
|
|
searchInput.addEventListener('input', (e) => { |
|
|
currentSearch = e.target.value.toLowerCase(); |
|
|
currentTag = ''; |
|
|
renderTools(); |
|
|
}); |
|
|
|
|
|
|
|
|
categoryButtons.forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
currentCategory = button.dataset.category; |
|
|
currentTag = ''; |
|
|
|
|
|
|
|
|
categoryButtons.forEach(btn => { |
|
|
btn.classList.remove('bg-purple-600', 'hover:bg-purple-700', 'text-white'); |
|
|
btn.classList.add('bg-gray-800', 'hover:bg-gray-700'); |
|
|
}); |
|
|
|
|
|
button.classList.remove('bg-gray-800', 'hover:bg-gray-700'); |
|
|
button.classList.add('bg-purple-600', 'hover:bg-purple-700', 'text-white'); |
|
|
|
|
|
renderTools(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
tagButtons.forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
currentTag = button.dataset.tag; |
|
|
currentCategory = 'all'; |
|
|
|
|
|
|
|
|
categoryButtons.forEach(btn => { |
|
|
btn.classList.remove('bg-purple-600', 'hover:bg-purple-700', 'text-white'); |
|
|
btn.classList.add('bg-gray-800', 'hover:bg-gray-700'); |
|
|
}); |
|
|
|
|
|
document.querySelector('[data-category="all"]').classList.add('bg-purple-600', 'hover:bg-purple-700', 'text-white'); |
|
|
|
|
|
renderTools(); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
function filterTools() { |
|
|
return tools.filter(tool => { |
|
|
|
|
|
const categoryMatch = currentCategory === 'all' || tool.category === currentCategory; |
|
|
|
|
|
|
|
|
const searchMatch = |
|
|
tool.name.toLowerCase().includes(currentSearch) || |
|
|
tool.description.toLowerCase().includes(currentSearch) || |
|
|
tool.tags.some(tag => tag.includes(currentSearch)); |
|
|
|
|
|
|
|
|
const tagMatch = currentTag === '' || tool.tags.includes(currentTag); |
|
|
|
|
|
return categoryMatch && searchMatch && tagMatch; |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
function renderTools() { |
|
|
const filteredTools = filterTools(); |
|
|
|
|
|
|
|
|
toolsContainer.innerHTML = ''; |
|
|
|
|
|
|
|
|
if (filteredTools.length === 0) { |
|
|
emptyState.classList.remove('hidden'); |
|
|
return; |
|
|
} else { |
|
|
emptyState.classList.add('hidden'); |
|
|
} |
|
|
|
|
|
|
|
|
filteredTools.forEach((tool, index) => { |
|
|
const toolElement = document.createElement('div'); |
|
|
toolElement.className = 'tool-card bg-gray-800 rounded-xl p-6 transition-all duration-300 hover:shadow-lg fade-in'; |
|
|
toolElement.style.animationDelay = `${index * 0.05}s`; |
|
|
|
|
|
|
|
|
const categoryIcon = getCategoryIcon(tool.category); |
|
|
|
|
|
toolElement.innerHTML = ` |
|
|
<div class="flex items-start justify-between mb-4"> |
|
|
<div> |
|
|
<h3 class="text-xl font-semibold text-white">${tool.name}</h3> |
|
|
<div class="flex items-center gap-2 mt-1"> |
|
|
<span class="text-xs px-2 py-1 rounded-full ${getCategoryColor(tool.category)}">${formatCategory(tool.category)}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-2xl text-gray-400">${categoryIcon}</div> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">${tool.description}</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
${tool.tags.map(tag => `<span class="text-xs px-2 py-1 rounded-full bg-gray-700 text-gray-300">${tag}</span>`).join('')} |
|
|
</div> |
|
|
<a href="${tool.link}" target="_blank" class="inline-flex items-center text-purple-400 hover:text-purple-300 font-medium"> |
|
|
Visit Tool <i class="fas fa-external-link-alt ml-2"></i> |
|
|
</a> |
|
|
`; |
|
|
|
|
|
toolsContainer.appendChild(toolElement); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
function getCategoryIcon(category) { |
|
|
const icons = { |
|
|
'creation': '🧠', |
|
|
'writing': '✍️', |
|
|
'marketing': '📢', |
|
|
'chatbot': '🤖', |
|
|
'workplace': '💼', |
|
|
'design': '🎨', |
|
|
'speech': '🎤', |
|
|
'image': '🖼️', |
|
|
'programming': '💻', |
|
|
'health': '🏋️', |
|
|
'learning': '📚', |
|
|
'travel': '✈️' |
|
|
}; |
|
|
return icons[category] || '🔗'; |
|
|
} |
|
|
|
|
|
function getCategoryColor(category) { |
|
|
const colors = { |
|
|
'creation': 'bg-purple-900 text-purple-300', |
|
|
'writing': 'bg-blue-900 text-blue-300', |
|
|
'marketing': 'bg-green-900 text-green-300', |
|
|
'chatbot': 'bg-yellow-900 text-yellow-300', |
|
|
'workplace': 'bg-indigo-900 text-indigo-300', |
|
|
'design': 'bg-pink-900 text-pink-300', |
|
|
'speech': 'bg-red-900 text-red-300', |
|
|
'image': 'bg-teal-900 text-teal-300', |
|
|
'programming': 'bg-gray-900 text-gray-300', |
|
|
'health': 'bg-orange-900 text-orange-300', |
|
|
'learning': 'bg-cyan-900 text-cyan-300', |
|
|
'travel': 'bg-emerald-900 text-emerald-300' |
|
|
}; |
|
|
return colors[category] || 'bg-gray-900 text-gray-300'; |
|
|
} |
|
|
|
|
|
function formatCategory(category) { |
|
|
const names = { |
|
|
'creation': 'AI Creation', |
|
|
'writing': 'Writing', |
|
|
'marketing': 'Marketing', |
|
|
'chatbot': 'Chatbot', |
|
|
'workplace': 'Workplace', |
|
|
'design': 'Design', |
|
|
'speech': 'Speech', |
|
|
'image': 'Image', |
|
|
'programming': 'Programming', |
|
|
'health': 'Health', |
|
|
'learning': 'Learning', |
|
|
'travel': 'Travel' |
|
|
}; |
|
|
return names[category] || category; |
|
|
} |
|
|
|
|
|
|
|
|
init(); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Po1ato/aitoolsv1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
