v0

Vercelin tekoälytyökalu joka generoi React-käyttöliittymiä shadcn/ui:lla ja Tailwindilla.

v0 · Työkalut

v0 on Vercelin rakentama tekoälytyökalu joka generoi valmiita React-käyttöliittymiä promptien perusteella. Se käyttää shadcn/ui-komponenttikirjastoa ja Tailwind CSS:ää, joten tulokset ovat tyylikkäitä ja helposti muokattavia. v0:n vahvuus on nimenomaan UI-suunnittelu: anna sille kuvaus tai jopa kuvakaappaus, ja se tuottaa vastaavan käyttöliittymän koodina. Toisin kuin Lovable joka rakentaa kokonaisia full-stack-sovelluksia, v0 keskittyy frontendin komponentteihin jotka kopioit omaan projektiisi. v0:n ilmaisella tasolla saa 7 viestiä päivässä, ja maksullinen Plus maksaa $30/kk käyttäjältä (v0.app/pricing, tarkistettu 12.11.2026).

Esimerkkejä

"Luo dashboard-sivu jossa on sidebar-navigaatio ja datakortit" — v0 generoi koko layoutin

Kopioi generoitu koodi suoraan Next.js-projektiisi npx-komennolla

Anna v0:lle kuvakaappaus ja se tuottaa vastaavan UI:n koodina

v0 käyttää shadcn/ui:ta, joten komponentit ovat helposti muokattavia

Ilmaisella tasolla 7 viestiä päivässä, Plus maksaa $30/kk käyttäjältä