Skip to content

README.md

Latest commit

 

History

History
192 lines (141 loc) · 8.09 KB

README.md

File metadata and controls

192 lines (141 loc) · 8.09 KB
Raw

🤖 AI Tools Catalog

A modern artificial intelligence catalog featuring 20+ of the best AI tools for various tasks. Convenient search, filtering, and detailed information about each tool.

⭐ If you liked the project, give it a star!

AI Tools Catalog React Tailwind CSS TypeScript

🚀 Features

  • 20+ AI Tools - most popular and useful tools
  • Multilingual - support for Ukrainian, English, and German
  • Convenient Search - quick search by name, description, and tags
  • Filtering - filter by categories and functions
  • Responsive Design - works on all devices
  • Dark Mode - dark theme support

📱 Demo

View the demo online :

Online Demo

🛠️ Technologies

  • React 18 - main framework
  • Tailwind CSS - styling
  • Lucide React - icons
  • Framer Motion - animations
  • React Context - state management

📋 AI Tools Catalog

💬 Chatbots & Text

Tool Description Free API
ChatGPT AI chatbot for text generation, answering questions and creative writing ✅ ✅
Claude AI assistant from Anthropic focused on safety and usefulness ✅ ✅
Jasper AI assistant for marketing and content creation ❌ ✅
Notion AI AI assistant for content creation, editing and organization in Notion ❌ ❌
Grammarly AI assistant for grammar checking and writing improvement ✅ ❌

🎨 Image Generation

Tool Description Free API
Midjourney High-quality AI image generator through Discord ❌ ❌
DALL-E High-quality AI image generator from OpenAI ❌ ✅
Stability AI Creators of Stable Diffusion and other AI models for content generation ✅ ✅
Canva Magic AI design tools in Canva: image, text and layout generation ✅ ❌

🎬 Video & Audio

Tool Description Free API
Runway AI platform for creating video, images and 3D content ❌ ✅
Synthesia AI video generator with virtual hosts and avatars ❌ ✅
ElevenLabs AI voice generator with natural sound for audio content ✅ ✅
Whisper AI speech recognition system from OpenAI ✅ ✅

💻 Programming

Tool Description Free API
GitHub Copilot AI programming assistant with code autocompletion ❌ ✅
Cursor AI code editor with ChatGPT integration for programming ✅ ❌

🔬 Research & ML

Tool Description Free API
Hugging Face Machine learning platform with models, datasets and tools ✅ ✅
Replicate Platform for running and deploying AI models ✅ ✅

📚 Education

Tool Description Free API
Duolingo AI personalized language learning with adaptive lessons ✅ ❌
Khan Academy AI AI personalized learning of mathematics and sciences ✅ ❌

📊 Productivity

Tool Description Free API
Tome AI presentation and document generator with natural interface ✅ ❌

🎯 Categories

  • 💬 Text - text generation and processing
  • 🎨 Image - image creation and editing
  • 🎬 Video - video generation and processing
  • 🎵 Audio - sound and voice work
  • 🤖 Chatbot - dialogue systems
  • 💻 Code - programming and development
  • 🎤 Voice - speech synthesis and recognition
  • ⚡ Productivity - organization and automation
  • 📈 Marketing - advertising and sales
  • 🔬 Research - scientific tools
  • 🔓 Open Source - open projects
  • 📚 Education - learning and education
  • 🎮 Fun - games and entertainment
  • 🎪 3D - three-dimensional graphics

🔍 Search Features

  • Text Search - search by name, description, categories and tags
  • Category Filtering - select needed categories
  • Sorting - by name, free/paid, with/without API
  • Statistics - general information about the catalog
  • Popular Tools - top 6 most popular

🌐 Languages

  • 🇺🇦 Ukrainian - full support
  • 🇺🇸 English - full support
  • 🇩🇪 German - full support

📁 Project Structure

aimap/
├── public/
│   ├── icons/ai-tools/     # AI tools icons
│   └── index.html
├── src/
│   ├── components/         # React components
│   ├── context/           # React Context
│   ├── data/              # AI tools data
│   ├── locales/           # Localization files
│   └── lib/               # Utilities
└── README.md

🚀 Quick Start

  1. Clone the repository

    git clone https://github.com/your-username/aimap.git
cd aimap

  2. Install dependencies

    npm install

  3. Run the project

    npm start

  4. Open browser

    http://localhost:3000

📝 Adding New Tools

  1. Add data to src/data/ai-tools.json
  2. Add translations to src/locales/
  3. Add icon to public/icons/ai-tools/
  4. Make a commit with change description

🤝 Contributing

We welcome contributions! Please:

  1. Fork the project
  2. Create a branch for new feature
  3. Make changes
  4. Add tests
  5. Create Pull Request

🔗 Useful Links

📧 Questions? Create an Issue