- Designers die visueel willen werken maar wel op de echte code, zonder hand-off naar developers.
- Developers die een snelle, visuele manier zoeken om aan hun Next.js- en Tailwind-app te schaven.
- Teams die ontwerp en code dicht bij elkaar willen houden in plaats van losse designbestanden.
- Wie open source en zelf hosten belangrijk vindt en grip op de codebase wil houden.
Onlook review: wat kan het echt?
Onlook is een open-source visuele editor voor React- en Next.js-apps: je sleept en stylet je interface in een browser, en de wijzigingen worden weggeschreven naar je echte code. De korte versie: een mooi idee voor designers en developers die visueel willen werken zonder de codebase los te laten, en nog steeds een dev-omgeving voor wie nooit met code heeft gewerkt. Hieronder lees je wat het goed doet, waar je tegenaan loopt en voor wie het past.
Wat Onlook is
Geen losse designtool en geen aparte ontwerpbestanden, maar een visuele laag bovenop je echte codebase.
Onlook is een open-source, visuele editor voor React- en Next.js-apps (onlook.com). De makers omschrijven het als de Cursor voor designers: je bewerkt je interface op een Figma-achtige manier, maar in plaats van een los ontwerpbestand werk je rechtstreeks op je echte code. De wijzigingen die je visueel maakt, worden via de codestructuur teruggeschreven naar je project, zodat de code de bron van waarheid blijft.
In de praktijk open je je Next.js-project in Onlook of begin je vanaf nul, en pas je elementen aan door te slepen, te stylen en te herschikken. Onder de motorkap werkt het met Tailwind voor de styling en is er een AI-laag die je kan helpen om onderdelen te genereren of aan te passen op basis van een opdracht in gewone taal. Omdat het open source is, kun je het gratis zelf hosten; voor de gehoste cloudversie verwijst Onlook naar contact met hun team.
Volledige openheid: wij gebruiken bij OneDayBuild dagelijks AI- en codetools, waaronder editors in deze categorie, en we verkopen prototype-dagen. Deze review is geschreven vanuit dat werk, niet als onafhankelijke testbank. We hebben geen commerciele band met Onlook.
Voor wie het wel en niet werkt
Onlook draait op je echte code. Dat maakt het sterk voor de ene groep en een drempel voor de andere.
- Niet-technische oprichters die nog nooit met een dev-omgeving of codebase hebben gewerkt.
- Wie geen React of Next.js gebruikt; Onlook is op die stack gebouwd.
- Iemand die alleen een idee heeft en geen team om de code te beoordelen en te onderhouden.
- Wie zo snel mogelijk een klikbaar prototype wil zonder zich in een opzet te verdiepen.
Wat het goed doet
De sterke punten komen voort uit een keuze: code is de bron van waarheid, en je bewerkt die visueel.
Visueel op echte code
Je sleept en stylet je interface alsof het een designtool is, maar de wijzigingen landen in je echte React- en Next.js-bestanden. Geen ontwerp dat los staat van de implementatie, en geen vertaalslag van design naar code.
Open source en zelf te hosten
Onlook staat onder een open-source licentie op GitHub en is gratis zelf te hosten. Daardoor houd je grip op je codebase en zit je niet vast aan een dichte, gehoste omgeving. Voor wie liever niet zelf host is er een cloudversie op aanvraag.
AI op de juiste laag
Er zit een AI-laag in waarmee je onderdelen kunt laten genereren of aanpassen met een opdracht in gewone taal. Omdat het resultaat gewone code is, kun je het daarna gewoon verder bewerken in je editor.
Waar je tegenaan loopt
De beperkingen volgen logisch uit wat het is: een dev-tool met een visuele schil, geen no-code-platform.
- Het blijft een dev-omgeving. Je werkt op een echte codebase, dus enige technische context helpt om te begrijpen wat een wijziging doet en waarom iets misgaat.
- Het is op een stack gebouwd. Onlook richt zich op React, Next.js en Tailwind. Werk je daar niet mee, dan past de tool simpelweg niet bij je project.
- Zelf hosten vraagt opzet. De gratis route is zelf hosten, en dat betekent dat iemand de omgeving moet inrichten en draaiend houden voordat je aan de slag kunt.
- Het ontwerp is op grotere schermen gericht. Voor wie vooral mobiel-eerst wil ontwerpen is dat een aandachtspunt om vooraf te checken.
Hoe het zich verhoudt tot de alternatieven
Welk hulpmiddel past, hangt vooral af van of je dicht op de code wilt zitten of juist niet.
Onlook profileert zich als open-source alternatief voor tools als Lovable, v0 en Bolt. Het verschil zit in de invalshoek. Onlook is visueel-eerst op je echte code: je manipuleert de interface en de wijziging belandt in je React- en Next.js-bestanden. Dat trekt vooral designers en developers aan die grip op de codebase willen houden.
Tools die prompt-eerst werken zitten aan de andere kant. Bij Lovable en v0 beschrijf je in gewone taal wat je wilt en zetten ze daar een werkende basis omheen. Dat is laagdrempeliger voor een eerste, klikbare versie zonder dat je je in een stack hoeft te verdiepen, met als keerzijde minder directe controle over hoe de onderliggende code eruitziet. Onlook draait die verhouding om: meer controle en openheid, maar wel een echte dev-omgeving als startpunt. Wil je breder vergelijken, kijk dan in ons overzicht van de beste AI app builder.
Wat al deze tools delen, is dat ze het bouwen versnellen, niet het nadenken. Welke flow je test en of het resultaat klopt, blijft mensenwerk. Ben je geen techneut maar wil je wel snel iets klikbaars zien, dan kan een uitbestede route logischer zijn dan zelf een editor leren. Lees dan hoe je van een ontwerp naar een werkend prototype komt, of hoe je vibe coding uitbesteedt als je het bouwen liever overlaat.
Ons oordeel
Geen cijfer. Wel een duidelijke plek waar Onlook thuishoort.
Voor designers en developers die op React en Next.js werken en visueel willen bouwen zonder de code los te laten, is Onlook een van de interessantste tools van het moment. De combinatie van een visuele editor, code als bron van waarheid en een open-source basis die je zelf kunt hosten, geeft je grip die je bij dichte, gehoste bouwers mist. Voor dat publiek is het zeker het proberen waard.
Voor wie geen techneut is, geldt het omgekeerde. Dan zit je nog steeds in een dev-omgeving die ervan uitgaat dat je je weg vindt in een codebase, en dat is precies wat ontbreekt. In dat geval is een prompt-eerst-tool of een bouwpartner een laagdrempeliger route. Bij OneDayBuild gebruiken we dit soort tools dagelijks, maar de waarde zit niet in de tool: die zit in de keuze welke flow je test en het oordeel of het resultaat klopt. Wil je in een werkdag van idee naar een klikbaar prototype, dan kijken we in een intake mee.
Veelgestelde vragen
Wat is Onlook precies?
Onlook is een open-source, visuele editor voor React- en Next.js-apps. Je bewerkt je interface op een Figma-achtige manier, maar de wijzigingen worden teruggeschreven naar je echte code, die de bron van waarheid blijft. Onder de motorkap werkt het met Tailwind en zit er een AI-laag in om onderdelen te genereren of aan te passen.
Is Onlook open source en kan ik het zelf hosten?
Ja. Onlook staat onder een open-source licentie op GitHub en is gratis zelf te hosten. Voor wie liever niet zelf host is er een gehoste cloudversie, waarvoor Onlook naar contact met hun team verwijst.
Welke stack ondersteunt Onlook?
Onlook is gebouwd voor React en Next.js, met Tailwind voor de styling. Je opent een bestaand Next.js-project of begint vanaf nul in de editor. Werk je niet met deze stack, dan past de tool niet bij je project.
Is Onlook geschikt voor niet-techneuten?
Maar deels. Onlook maakt het werken op code visueler, maar het blijft een dev-omgeving die werkt op een echte codebase. Wie nog nooit met een dev-omgeving of code heeft gewerkt, loopt sneller vast. Voor een eerste klikbare versie zonder die kennis is een prompt-eerst-tool of een uitbesteed prototype laagdrempeliger.
Wat is het verschil tussen Onlook en tools als Lovable of v0?
Onlook is visueel-eerst op je echte code: je manipuleert de interface en de wijziging belandt in je React- en Next.js-bestanden. Lovable en v0 zijn prompt-eerst: je beschrijft in gewone taal wat je wilt en zij zetten daar een werkende basis omheen. Onlook geeft meer controle en openheid, de andere twee zijn laagdrempeliger voor een eerste versie.
Wat kost Onlook?
De zelf-gehoste versie is gratis, omdat het open source is. Voor de gehoste cloudversie noemt Onlook geen vast tarief op de site en verwijst het naar contact met hun team of een demo. Kijk voor de actuele situatie op onlook.com.