v0 MCP Server

1{
2  "tool": "chats_create",
3  "arguments": {
4    "params": {
5      "message": "Create a modern login form with email and password fields, a remember me checkbox, and a gradient submit button. Include form validation and loading states."
6    }
7  }
8}

1import { useState } from 'react'
2import { Button } from '@/components/ui/button'
3import { Input } from '@/components/ui/input'
4
5export function LoginForm() {
6  const [email, setEmail] = useState('')
7  const [password, setPassword] = useState('')
8  const [isLoading, setIsLoading] = useState(false)
9  
10  return (
11    <form className="space-y-4 max-w-md mx-auto">
12      <Input
13        type="email"
14        placeholder="Email"
15        value={email}
16        onChange={(e) => setEmail(e.target.value)}
17      />
18      <Input
19        type="password"
20        placeholder="Password"
21        value={password}
22        onChange={(e) => setPassword(e.target.value)}
23      />
24      <Button 
25        className="w-full bg-gradient-to-r from-purple-600 to-blue-600"
26        disabled={isLoading}
27      >
28        {isLoading ? 'Signing in...' : 'Sign In'}
29      </Button>
30    </form>
31  )
32}