AI Coding Tools Showcase

🌐 English | 中文

• https://www.shikei.me/ This is the main site of 10k. If you are interested, you can check it out.
• If you are a mainland Chinese user, you can access it like this: --> https://ai-coding.netlify.app/ (by netlify)
• Of course you can also access it like this --> https://aicoding.vercel.app/

With the evolution of AI Programming (or AI Coding), there are increasingly more and better products available, such as Cursor and others. To better understand what tools, extensions, native editors, cloud editors, terminals exist... We developed a modern web application for categorizing and showcasing mainstream AI programming tools.

Key Features

• 🎯 Curated collection of mainstream AI coding tools
• 🔍 Categorized by usage types (Browser/Editor/Extension/Terminal)
• 💫 Modern UI design with smooth user experience
• 🌓 Dark mode support
• ⚡ Built with Next.js for excellent performance

Tech Stack

• Framework: Next.js 15+
• UI Library: React 19+
• Styling: TailwindCSS
• Animation: Framer Motion
• Type Checking: TypeScript
• UI Components: Radix UI

Getting Started

Environment Requirements

• Node.js 18.0.0 or higher
• pnpm 8.0.0 or higher

Installation

# Clone repository
git clone https://github.com/yayxs/ai-coding.git

# Enter project directory
cd ai-coding

# Install dependencies
pnpm install

Development

# Start development server
pnpm dev

Visit http://localhost:3000 to view the application.

Build

# Build for production
pnpm build

# Start production server
pnpm start

Directory Structure

app/
  ├── components/   # React components
  ├── data/         # Data files
  ├── lib/          # Utility functions
  └── types/        # TypeScript type definitions

Contribution Guidelines

We welcome contributions through issues and pull requests! For Chinese contributors, please refer to 中文文档 for localized contribution guidelines.

License

MIT
Open source under MIT license.