Skip to content

threehymns/model-prices

Repository files navigation

📊 Model Prices

Built with Astro React TailwindCSS License

🚀 Overview

Model Prices is an interactive dashboard for comparing and visualizing AI model pricing. Track and compare input/output costs across various AI models from different labs, helping you make informed decisions for your AI projects. This project is based on/inspired by Theo's model-prices.csv but aims to keep a more up-to-date list and remove outdated models.

✨ Features

  • 📈 Interactive Price Charts: Visualize model pricing with dynamic, responsive charts
  • 🔍 Model Comparison: Compare multiple AI models side-by-side
  • 💰 Cost Analysis: View input, output, and combined pricing metrics
  • 🧠 Intelligence Metrics: Compare price-to-performance with intelligence indices
  • 🔄 Real-time Updates: Switch between models and instantly see updated charts
  • 💎 Value Calculation (needs work): See which models offer the best value for their capabilities

🖥️ Tech Stack

  • Astro: Fast, modern static site generator
  • React: UI component library
  • TailwindCSS: Utility-first CSS framework
  • Recharts: Composable charting library
  • Radix UI: Unstyled, accessible UI components
  • shadcn/ui: Re-usable UI components

📦 Installation

# Clone the repository
git clone https://github.com/threehymns/model-prices.git
cd model-prices

# Install dependencies with pnpm
pnpm install

# Start the development server
pnpm dev

🚄 Quick Start

  1. Run the development server: pnpm dev
  2. Open http://localhost:4321 in your browser
  3. Select models to compare in the table
  4. View pricing data in the charts

📂 Project Structure

/
├── public/              # Static assets and data files
│   ├── model-prices.csv # AI model pricing data
│   └── labs.csv         # AI lab information
├── src/
│   ├── components/      # UI components
│   ├── hooks/           # Custom React hooks
│   ├── layouts/         # Page layouts
│   ├── lib/             # Utility functions
│   ├── pages/           # Astro pages
│   ├── stores/          # State management
│   └── styles/          # Global styles
└── package.json        # Project dependencies

📊 Data Sources

The application uses two main data sources:

  • public/model-prices.csv: Contains pricing data for AI models, including input/output costs, release dates, and intelligence metrics
  • public/labs.csv: Contains information about AI research labs and their models

🔄 Updating Data

To update model pricing data:

  1. Edit the public/model-prices.csv file
  2. Add or modify entries as needed
  3. Restart the application if running

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgements


Made with ❤️ for the AI community

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •