A lightweight HTML/JavaScript page that displays available AI models from OpenRouter.ai with live filtering, price filtering, name search, and model browsing.
Built with:
- Vanilla JavaScript (no frameworks)
- Modern dark mode + neon green theme
- No backend required — runs 100% client-side
- Load Models: Fetches the latest list of OpenRouter models once and caches them locally.
- Filter by Cost: Limit models by maximum prompt or completion price (per token).
- Filter by Name: Search and filter models live as you type.
- Show All Models: Override cost filtering to display every loaded model.
- Reset Filters: Quickly reset cost and name filters to defaults.
- Dark Mode UI: Sleek, neon-green outlined design with hover effects.
- No API Key Needed: Public models are fetched without authentication.
- Clone or download this repository.
- Open the
modelList.htmlfile in any modern web browser (Chrome, Edge, Firefox, etc.). - Click Load Models to fetch and view the model list.
- Use the filters or search box to narrow down your results.
- Optionally, click Show All Models to view everything, or Reset Filters to start over.
| File | Purpose |
|---|---|
modelList.html |
Main application (HTML, CSS, JavaScript in one file). |
README.md |
Project overview and instructions. |
- The model list is pulled from OpenRouter's public
/api/v1/modelsendpoint. - Data is cached after loading to avoid unnecessary repeated API calls.
- Only public model metadata is shown; no inference or completion requests are made.
- Prices are per token, based on prompt or output generation, not per full request.
- Add sorting by price, name, or context length.
- Add pagination for very large lists.
- Display provider information or additional model capabilities.
- Allow saving favorite models.
This project is released under the GNU License.
You are free to use, modify, and distribute it.
- Powered by OpenRouter.ai
- Designed and coded by Michael Andrews, with chatGPT.