A comprehensive, interactive map of the AI tools ecosystem. Browse tools across models, infrastructure, protocols, security, and product categories — inspired by the CNCF Landscape.
Live at ailandscape.org.
- Hundreds of tools across multiple categories and groups
- Full-text search with fuzzy matching and ⌘K command palette
- Tag-based filtering — click any badge to filter by technology
- Category navigation — collapse/expand, group-level filtering
- Dark mode — full light/dark theme support
- Shareable URLs — every filter state is reflected in the URL
- Keyboard accessible — full keyboard navigation, ARIA labels, screen reader friendly
- Next.js 16 (App Router)
- React 19
- Tailwind CSS v4
- Radix UI + shadcn/ui
- Phosphor Icons
- Biome for linting and formatting
- Data stored as YAML files in
src/data/categories/
npm install
npm run devOpen http://localhost:3000.
make dev # start dev server
make build # production build
make format # auto-format with Biome
make fix # auto-fix lint issues
make lint # check for lint errors
make validate # validate YAML structure + tagsEach category is a YAML file in src/data/categories/. Files are loaded alphabetically; the numeric prefix controls display order.
name: Frontier Labs
group: labs # labs | models | infrastructure | protocols | security | product
color: "oklch(0.62 0.22 230)" # OKLCH color token for category accent
icon: Buildings # Phosphor icon name
subcategories:
- name: Open Research Labs
items:
- name: Nous Research
homepage_url: https://nousresearch.com
logo: nous-research.webp # filename inside public/logos/
description: "Open-weights research lab known for Hermes and Nous-Capybara models"
github_url: https://github.com/NousResearch # optional
tags: [lab, llm, open-weights, research]Tags are defined in src/data/tags.yaml. Every tag used in a category file must have an entry there.
See CONTRIBUTING.md for the full guide.