✨ AI-drevet kodegenerator

Bygg apper
uten å kode

Beskriv idéen din, velg teknologi, og få startklar kode på sekunder. Perfekt for nybegynnere og raske prototyper.

⚡ Klar på sekunder

🎯 Én fil, fungerer overalt

🔒 Din nøkkel, ditt innhold

index.html

                        <!DOCTYPE html>
<html>
  <head>
    <title>Min App</title>
  </head>
  <body>
    <!-- Din kode her ✨ -->
  </body>
</html>
                    

API ikke konfigurert

API-nøkkel

Beskriv appen

Generer

🔑

Koble til AI

Legg inn API-nøkkelen din for å komme i gang

🚀 Slik får du Google API-nøkkel:

Gå til aistudio.google.com/apikey
Logg inn med Google-kontoen din
Klikk "Create API Key"
Kopier nøkkelen (starter med AIza...)

🔐 Slik får du OpenAI API-nøkkel:

Gå til platform.openai.com/api-keys
Opprett konto eller logg inn
Klikk "Create new secret key"
Kopier nøkkelen (starter med sk-...)

🟣 Slik får du Anthropic API-nøkkel:

Gå til console.anthropic.com/settings/keys
Opprett konto eller logg inn
Klikk "Create Key"
Kopier nøkkelen (starter med sk-ant-...)

API-nøkkel

🔒

Din nøkkel er trygg

API-nøkkelen sendes direkte fra din nettleser til valgt leverandør. Den lagres aldri på våre servere – alt skjer lokalt hos deg.

⚙️ Avanserte innstillinger

API endpoint

Modell

Lagre nøkkel

⚠️ Lagring anbefales ikke på delte maskiner

Teknologi

✨

Beskriv drømmeappen din

Svar på spørsmålene under for å lage en detaljert beskrivelse. Jo mer du forteller, jo bedre blir resultatet!

1 Hva slags app vil du lage? *

🎮 Quiz-spill 📝 Todo-liste 🔢 Kalkulator 💼 Portfolio 💰 Budsjett-sporer 🌤️ Vær-app

2 Hvem er målgruppen?

3 Beskriv hovedfunksjonen i detalj *

💡 Tips: Beskriv steg-for-steg hva brukeren skal kunne gjøre. Vær så detaljert som mulig!

4 Hvilke data skal lagres/vises?

5 Interaksjoner - hva skal skje?

6 Hvilket design/stemning?

💎 Moderne & Glassmorphic 🎮 Gamer/Neon 🎨 Fargerik & Leken 💼 Profesjonell 🌙 Dark Mode 🌈 Gradient & 3D

7 Spesielle ønsker?

📝 Din prompt

🤖

AI-assistert forbedring

La AI-en forbedre og utvide beskrivelsen din

🚀

Din app er klar!

Resultatet vises nedenfor. Du kan forhåndsvise, laste ned eller kopiere koden.

klar

Output

ingen

Tips: legg aldri API key i generert kode

🚀 Kom i gang på 5 minutter

Vibe Code Generator bruker en enkel 3-stegs wizard som guider deg gjennom hele prosessen.

🔑 Steg 1: Koble til AI

Først velger du hvilken AI-leverandør du vil bruke og legger inn API-nøkkelen din:

Google Gemini (Anbefalt for nybegynnere)

Gå til aistudio.google.com/apikey
Logg inn med Google-kontoen din
Klikk "Create API Key"
Kopier nøkkelen (starter med AIza...)

OpenAI (ChatGPT)

Gå til platform.openai.com/api-keys
Opprett konto eller logg inn
Klikk "Create new secret key"
Kopier nøkkelen (starter med sk-...)

Anthropic (Claude)

Gå til console.anthropic.com/settings/keys
Opprett konto eller logg inn
Klikk "Create Key"
Kopier nøkkelen (starter med sk-ant-...)

💡

Tips:

Wizarden viser deg automatisk instruksjoner for leverandøren du velger, og validerer at nøkkelen har riktig format.

✨ Steg 2: Bygg din prompt

Dette er hjertet av appen! En smart wizard guider deg gjennom 7 enkle spørsmål:

1️⃣

Hva skal appen hete?

Gi appen din et navn som beskriver hva den gjør.

2️⃣

Hva er hovedformålet?

Beskriv kort hva appen skal gjøre for brukeren.

3️⃣

Hvem er målgruppen?

Tenk på hvem som skal bruke appen.

4️⃣

Hvilke funksjoner trengs?

List opp de viktigste funksjonene appen skal ha.

5️⃣

Spesielle ønsker?

Eventuelle ekstra detaljer eller krav.

6️⃣

Velg designstil

Moderne, minimalistisk, leken, profesjonell eller mørk modus.

7️⃣

Velg fargetema

Blå, grønn, lilla, oransje, rosa eller egendefinert.

🤖

AI-forbedring (Premium-funksjon)

Slå på "Forbedre med AI" for å la AI-en gjøre prompten din enda bedre før generering. Dette legger til profesjonelle detaljer og best practices automatisk!

🎉 Steg 3: Generer og bruk

Når prompten er klar, trykker du "Generer app" og venter noen sekunder:

Generer

Se live-forhåndsvisning mens koden genereres

Forhåndsvis

Se resultatet direkte i nettleseren

Last ned

Lagre som HTML-fil og åpne lokalt

🔄

Ikke fornøyd?

Klikk "Generer på nytt" for å få en ny versjon, eller gå tilbake og juster prompten din.

❓ Ofte stilte spørsmål

Hva er en API-nøkkel?

En API-nøkkel er som et passord som lar denne appen snakke med AI-tjenesten. Den er gratis å få, men hold den hemmelig!

Koster det penger?

De fleste AI-leverandører har en gratis kvote. Google Gemini er helt gratis for hobbybruk. For OpenAI kan du få gratis kreditter ved oppstart.

Hva gjør "Forbedre med AI"?

Denne funksjonen sender prompten din til AI-en først for å gjøre den mer detaljert og profesjonell. Du får se forbedringen før generering starter.

Jeg får feilmelding - hva gjør jeg?

Sjekk at: 1) API-nøkkelen er riktig kopiert og har riktig format, 2) Du har valgt riktig leverandør, 3) Prøv å generere på nytt.

Kan jeg redigere koden etterpå?

Ja! Åpne filen i et program som VS Code, Notepad++, eller til og med vanlig Notepad. Du kan endre tekst, farger og mer.

Lagres API-nøkkelen min?

Nøkkelen sendes kun til AI-leverandøren du har valgt, aldri til våre servere. Hvis du velger "Lagre lokalt", lagres nøkkelen i nettleseren (localStorage) med enkel obfuskering. Merk: localStorage er ikke helt sikkert - browser-utvidelser og andre brukere på maskinen kan potensielt lese den. Vi anbefaler kun å lagre nøkkelen på din egen private maskin.

Er appen sikker å bruke?

Ja, appen kjører helt i nettleseren din uten backend. API-nøkkelen din sendes kun til AI-leverandøren via kryptert HTTPS-tilkobling. Forhåndsvisning av generert kode kjører i en sandkasse (iframe) som ikke kan påvirke hovedsiden. Vi anbefaler likevel å gjennomgå generert kode før du bruker den i produksjon.

Vibe Code Idea Builder

Fra idé til fungerende app på sekunder

Hva kan du lage?

🎮

Spill og interaktive apper

Quiz, memory-spill, trivia, enkle arkadespill

📊

Verktøy og kalkulatorer

BMI-kalkulator, valutaomregner, to-do lister

🎨

Kreative prosjekter

Portfolio-sider, landingssider, digitale kort

📱

Web-apper

Værapp, oppskriftsamling, treningsdagbok

Slik fungerer det

Koble til AI – Velg leverandør og legg inn API-nøkkel

Beskriv idéen – Svar på spørsmål om appen din

Generer – AI lager komplett, fungerende kode

Last ned – Én HTML-fil som fungerer overalt

Kraftige funksjoner

🤖 AI-assistert prompt-forbedring – La AI-en gjøre beskrivelsen din enda bedre
🎯 Smart wizard – Guidet prosess med forslag og tips
👁️ Live forhåndsvisning – Se resultatet direkte i nettleseren
📦 Multi-fil støtte – Last ned som ZIP ved komplekse prosjekter
🔒 100% privat – API-nøkkelen din forlater aldri nettleseren

Kontakt

✉️

E-post kenneth@laererliv.no

🌐

Nettside laererliv.no

Åpen kildekode

Dette prosjektet er åpen kildekode. Du kan se, kopiere og bidra til koden på GitHub.

📦 Se koden på GitHub

Bygg apperuten å kode

Koble til AI

🚀 Slik får du Google API-nøkkel:

🔐 Slik får du OpenAI API-nøkkel:

🟣 Slik får du Anthropic API-nøkkel:

Beskriv drømmeappen din

📝 Din prompt

AI-assistert forbedring

Din app er klar!

Output

Ikke helt fornøyd?

🚀 Kom i gang på 5 minutter

🔑 Steg 1: Koble til AI

✨ Steg 2: Bygg din prompt

🎉 Steg 3: Generer og bruk

❓ Ofte stilte spørsmål

Vibe Code Idea Builder

Hva kan du lage?

Slik fungerer det

Kraftige funksjoner

Kontakt

Åpen kildekode

Bygg apper
uten å kode