Home
Get Started
Toggle Menu
import React from 'react'; import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Search, ShoppingBag, Heart } from 'lucide-react' export default function Component() { return ( <div className="min-h-screen bg-white"> {/* Header */} <header className="flex justify-between items-center p-4 border-b"> <div className="flex items-center space-x-4"> <svg className="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 7L3 7" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 12L3 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 17L3 17" stroke="currentColor" strokeWidth="2" | A shadcn/ui and v0 generation - v0
Link to tele-koseiobata's v0.app Profile
import React from 'react'; import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Search, ShoppingBag, Heart } from 'lucide-react' export default function Component() { return ( <div className="min-h-screen bg-white"> {/* Header */} <header className="flex justify-between items-center p-4 border-b"> <div className="flex items-center space-x-4"> <svg className="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 7L3 7" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 12L3 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 17L3 17" stroke="currentColor" strokeWidth="2"
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to tele-koseiobata's v0.app Profile
import React from 'react'; import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Search, ShoppingBag, Heart } from 'lucide-react' export default function Component() { return ( <div className="min-h-screen bg-white"> {/* Header */} <header className="flex justify-between items-center p-4 border-b"> <div className="flex items-center space-x-4"> <svg className="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 7L3 7" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 12L3 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/> <path d="M21 17L3 17" stroke="currentColor" strokeWidth="2"
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code
Theme
