[V0_FILE]typescript:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescript:file="lib/model-configs.ts" isMerged="true" export const modelVersions = { amazonbedrock: [ "Claude 3 Sonnet (Bedrock)", "Claude 3 Haiku (Bedrock)", "Claude 2.1 (Bedrock)", "Claude Instant (Bedrock)", "Titan (Bedrock)", "Llama 2 (Bedrock)", ], anthropic: ["Claude 3 Opus", "Claude 3 Sonnet", "Claude 3 Haiku", "Claude 2.1", "Claude 2.0", "Claude Instant"], cohere: ["Command", "Command Light", "Command Nightly", "Command-R", "Command-R Light"], deepseek: ["DeepSeek Coder 33B", "DeepSeek Coder 6.7B", "DeepSeek 67B", "DeepSeek 16B"], github: ["Copilot", "Copilot Enterprise"], google: ["Gemini Ultra", "Gemini Pro", "PaLM 2", "Gemini Nano"], groq: ["Mixtral 8x7B", "LLaMA 2 70B", "Gemma 7B"], huggingface: ["Llama 2 70B", "Mixtral 8x7B", "CodeLlama 34B", "Falcon 180B"], hyperbolic: ["Hyperbolic 70B", "Hyperbolic 7B"], lmstudio: ["Custom Model Support", "Local Inference"], mistral: ["Mistral Large", "Mistral Medium", "Mistral Small", "Mixtral 8x7B"], ollama: ["Llama 2", "Mistral", "CodeLlama", "Mixtral 8x7B"], openailike: ["GPT-4 Compatible", "GPT-3.5 Compatible"], openai: ["GPT-4 Turbo", "GPT-4", "GPT-3.5 Turbo", "GPT-3.5"], openrouter: ["Anthropic Claude 3", "GPT-4 Turbo", "Mixtral 8x7B", "Llama 2 70B"], perplexity: ["pplx-70B", "pplx-7B", "codellama-34b", "mistral-7b"], together: ["GPT-NeoXT-20B", "Llama 2 70B", "CodeLlama 34B", "Mistral 7B"], xai: ["Grok-1", "Grok-0"], } export type Provider = keyof typeof modelVersions [V0_FILE]typescriptreact:file="page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" import { GitFork, FolderInput, MessageSquareShare, Paperclip, Link2, Volume2, ChevronDown, Loader2 } from "lucide-react" import { modelVersions, type Provider } from "@/lib/model-configs" export default function Home() { const [selectedProvider, setSelectedProvider] = useState("amazonbedrock") const [selectedVersion, setSelectedVersion] = useState(modelVersions[selectedProvider][0]) const [apiKey, setApiKey] = useState("") const [inputValue, setInputValue] = useState("") const [isLoading, setIsLoading] = useState(false) const [response, setResponse] = useState("") const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setResponse("") try { // Simulating an API call to an AI model await new Promise((resolve) => setTimeout(resolve, 2000)) setResponse(`Here's a sample response for: "${inputValue}"`) } catch (error) { console.error("Error:", error) setResponse("An error occurred while processing your request.") } finally { setIsLoading(false) } } return (

fastcreate

Fast Create!

Unleash your ideas at lightning speed with AI-powered development

{selectedProvider} API Key: setApiKey(e.target.value)} placeholder="Enter API Key" className="w-48 h-7 text-xs" /> {apiKey ? ( Set ) : ( Not Set )}

{response && (

Response:

{response}

)}

or start a blank app with your favorite stack

{[...Array(8)].map((_, i) => (

))}

Make lazy AI App Builder by Malas team or the top of BRB

) }

About

Tags

Share

About

Tags

Share

More from rekoy

More Templates Like This

About

Tags

Share

About

Tags

Share

More from rekoy

More Templates Like This