Merged
Conversation
Co-authored-by: Ishaan Jaff <ishaan-jaff@users.noreply.github.com>
Major visual overhaul to make the LiteLLM model catalog feel like a premium dev tool (Stripe docs / Linear quality). Typography & Foundation: - Replace PicoCSS with Inter font for body text - Add JetBrains Mono for code/model names - Clean CSS reset with proper box-sizing - Refined color palette with Slate-based neutrals Navigation: - Add gradient accent bar at page top - Sticky frosted-glass nav with backdrop blur - Active tab underline indicator - Purple 'Request' CTA button - GitHub icon in nav Models Page (biggest impact): - New hero: 'The Most Comprehensive AI Model Catalog' - GitHub stars badge - Trust logos section (NASA, Adobe, Netflix, Stripe, NVIDIA, Cruise) - Sortable table columns (click headers) - Mode badges (Chat, Image Gen, etc.) inline with model names - Structured expanded row replacing raw JSON dump: - Pricing cards (Input, Output, Cache Read, Cache Write) - Model info panel (provider, mode, token limits) - Feature checklist (Function Calling, Vision, JSON, etc.) - Python quick-start code snippet with syntax highlighting - Report incorrect data link - Search clear button, result count, clear-all-filters link - Skeleton loading states Stats Section: - Bolder typography (800 weight, larger size) - Hover with primary color border ring - Skeleton shimmer during load Providers Page: - Tighter card spacing, refined typography - JetBrains Mono for endpoint names - External link icons on provider cards - Better active endpoint highlighting Cookbook Page: - Guide count badge - Relative timestamps (1mo ago, 2w ago) - Refined card hover states - Streamlined submit modal Guardrails Page: - Community-contributed badge - Chevron expand indicators - Category labels in footer - Tighter spacing and refined cards Global: - Consistent 10px border-radius system - Refined shadow scale (sm/md/lg) - Dark mode improvements with deeper backgrounds - Smoother transitions (0.15s) Co-authored-by: Ishaan Jaff <ishaan-jaff@users.noreply.github.com>
Trust logos: - Replace plain-text company names with actual logo images from the LiteLLM GitHub README OSS Adopters section - Logos render grayscale by default, full-color on hover - Dark mode: extra brightness filter for visibility - Includes: Stripe, Google ADK, Greptile, OpenHands, Netflix, OpenAI Agents SDK Quick Start tabs: - Add tabbed interface with 'Python SDK' and 'AI Gateway (Proxy)' - Python SDK tab: litellm.completion() code snippet (default) - AI Gateway tab: curl command targeting the LiteLLM proxy at 0.0.0.0:4000 with auth header - Each tab has its own Copy button - Tab state tracked per-model so different expanded rows can show different tabs independently - Comment shows how to start the proxy for the selected model Co-authored-by: Ishaan Jaff <ishaan-jaff@users.noreply.github.com>
|
Cursor Agent can help with this pull request. Just |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesign the LiteLLM Models UI for an enterprise-grade developer experience, adding real trust logos and tabbed quick-start code snippets.
The redesign replaces the unpolished UI with a modern, information-dense layout, incorporating social proof from key adopters and practical code examples for both Python SDK and AI Gateway usage in model details.