🤖 Takhtar-AI

Your universe of AI tools, one tap.

Takhtar-AI is a curated, open directory of the world's best artificial intelligence tools — all in one beautiful, fast app. Inspired by Oceans of AI, Takhtar-AI brings a refined, dark-mode-native design with powerful search and category filtering.

---

✨ Features

Feature	Description
🔍 Smart Search	Search by tool name, task keyword, or category
📂 14 Categories	Chatbots, Coding, Image Gen, Video, Music, SEO, and more
🔥 Trending Section	Highlights the hottest tools right now
★ Favorites	Star any tool and access it instantly from your personal list
🚀 One-tap Launch	Opens tools directly in a new tab — no ads, no friction
🌑 Dark-mode Native	Designed from the ground up for dark theme
📱 Responsive	Works great on desktop, tablet, and mobile

---

🗂️ Categories

• 💬 Chatbots
• ✍️ Writing
• 🎨 Image Generation
• 🎬 Video Generation
• 🎵 Music & Audio
• 💻 Coding
• 🔍 Research
• 🖼️ Image Editing
• 📊 SEO & Marketing
• 🧠 Productivity
• 🤖 AI Avatars
• 🔧 Developer Tools
• 🎭 Creative

---

🚀 Getting Started

Run as a React App

# Clone or copy the takhtar-ai.jsx file into your project
npx create-react-app takhtar-ai
cd takhtar-ai

# Replace src/App.js contents with takhtar-ai.jsx
# Then run:
npm start

Or render directly in Claude.ai

The .jsx file is a self-contained React artifact you can load directly in the Claude.ai Artifacts viewer.

---

🛠️ Tech Stack

• React (functional components + hooks)
• CSS-in-JS (vanilla CSS via <style> tag)
• Google Fonts — Syne (headings) + DM Sans (body)
• No external dependencies — fully self-contained

---

📁 Project Structure

takhtar-ai/
├── takhtar-ai.jsx     # Main app component (self-contained)
└── README.md          # You are here

---

🔧 Customization

Adding New Tools

Edit the AI_TOOLS array in takhtar-ai.jsx:

{
  id: 101,
  name: "Your Tool",
  url: "https://yourtool.com",
  category: "Chatbots",        // Must match a category key
  desc: "Short description",
  tags: ["tag1", "tag2"],
  trending: true,               // optional
}

Adding New Categories

1. Add entries to AI_TOOLS with a new category string
2. Add an emoji entry to CATEGORY_ICONS:

   "Your Category": "🆕",
   

---

⚠️ Disclaimer

Takhtar-AI does not own any of the featured AI tools. We provide a curated directory for discovery. All interactions with linked tools are governed by each tool's own terms and conditions.

---

📜 License

MIT License — free to use, fork, and build upon.

---

Made with ❤️ by the Takhtar-AI team
Built to help every human find the right AI for every task.