Wat is Same.new?
Same.new is een webtool om de visuele laag van een bestaande site om te zetten in code. Je plakt een openbare URL, de tool analyseert de pagina en genereert een bewerkbare React-frontend met Tailwind-styling die probeert de originele lay-out, kleuren, typografie en spatiëring te matchen.
Snapshot van de Same.new homepage
De gedachte is dat het recreëren van front-end lay-outs geautomatiseerd zou moeten worden, in plaats van handmatig vanaf screenshots of uit het geheugen. Dat is belangrijk omdat Same.new geen volledige app-builder probeert te zijn: de waarde zit in de snelle eerste conceptversie, terwijl de crux is dat je nog steeds een andere workflow nodig hebt voor backend-logica, stabiliteit en ontwikkeling op lange termijn.
Wat kun je bouwen met Same.new?
Het ideale gebruiksgebied zijn statische of grotendeels statische front-ends waarbij de visuele structuur belangrijker is dan de app-logica.
- Landingspagina’s gekloond van een referentiesite en vervolgens aangepast met je eigen teksten en branding
- Secties voor marketingwebsites, zoals hero-blokken, prijsgrids, testimonial-secties en footer-lay-outs
- Dashboard-mockups met kaarten, grafieken, sidebars en navigatie zonder diepere app-functionaliteit eronder
- Formulier- en aanmeldingslay-outs die een presentatie-scaffolding nodig hebben voordat echte validatie en data-afhandeling worden gekoppeld
- Design-referentieprototypes die dienen als startpunt voor lokale React-ontwikkeling
Dit werkt omdat Same.new het sterkst is in het lezen van de zichtbare paginastructuur en deze omzetten in bruikbare React- en Tailwind-scaffolding. Als je doel is om snel van inspiratie naar een bewerkbare UI te gaan, kan dit veel repetitief opzetwerk besparen.
De grens ligt bij alles wat afhankelijk is van duurzame app-logica. Het is niet de juiste plek voor productie-authenticatieflows, database-gestuurde producten, complexe stateful interacties of grote codebases die je via vele AI-bewerkingen wilt evolueren. Gebruik het voor de eerste visuele opzet en verplaats het project daarna naar een stabielere ontwikkelomgeving.
Wat gebruikers zeggen
Het sentiment in de community is consistent: mensen zijn enthousiast over de snelheid van het initiële visuele klonen, maar vertrouwen het niet volledig voor langere bewerkingscycli.
- Het kan styling, spatiëring en paginastructuur van schone openbare URL’s verrassend goed vastleggen
- De eerste gegenereerde React- en Tailwind-output is vaak nuttig als start-scaffold
- Eenvoudige prompt-aanpassingen voor tekst, kleuren of het wisselen van secties kunnen snel en handig zijn
- Het exporteren van code naar een lokale workflow wordt gezien als de veiligste manier van gebruik
Klachten concentreren zich op de betrouwbaarheid zodra gebruikers blijven itereren binnen het product. De meest opvallende verhalen gaan over destructieve herschrijvingen, inclusief meldingen dat eenvoudige lay-outwijzigingen 1.500 of meer regels werkende code wisten. Gebruikers uitten ook frustratie over de overgang van Same.dev naar Same.new, waarbij sommige betaalde workspaces of toegangswegen onbetrouwbaar werden tijdens de overschakeling. Ook prijsfrustratie komt voor, vooral omdat het verbruik van tokens buitenproportioneel kan voelen wanneer grote generaties mislukken of meerdere pogingen vereisen.
Deze platformfout - waarbij een eenvoudige herordening van secties meer dan 1500 regels werkende code vernietigde - is volstrekt onacceptabel…
Onze conclusie: de lof en de klachten kloppen met elkaar. Same.new is op zijn best als snelle visuele importer, niet als de plek die je vertrouwt om een groeiend product over meerdere rondes van AI-bewerkingen te behouden.
Wat het in de praktijk kost
| Plan | Prijs | Wat je krijgt | Beste voor |
|---|---|---|---|
| Free | $0 | Beperkte tokens en visueel klonen op basis van URL | Testen van de outputkwaliteit |
| Pro | $10/mo | 2 miljoen tokens, met extra tokens voor $10 per 2 miljoen | Regelmatig klonen en UI-iteratie |
In de praktijk is niet alleen de stickerprijs belangrijk, maar ook hoe het tokenverbruik verloopt. Kosten kunnen snel oplopen wanneer je grote secties opnieuw genereert, mislukte bewerkingen opnieuw probeert of de assistent herhaaldelijk vraagt om complexe componenten te herschrijven. Dat maakt Same.new goedkoop voor snelle clones, maar veel minder voorspelbaar voor langere sessies.
Als je het gebruikt, houd dan rekening met workflows die zwaar leunen op export in plaats van lange ontwikkelcycli in de app. De tevredenste gebruikers beschouwen het betaalde plan als een manier om een sterk eerste concept te krijgen, om vervolgens over te stappen naar lokale ontwikkeling voordat herhaalde bewerkingen alle tokens verbruiken.
- Exporteer zodra de initiële clone goed genoeg is.
- Vermijd herhaalde volledige herschrijvingen van secties in grote lay-outs.
- Test risicovolle wijzigingen op duplicaten voordat je meer tokens uitgeeft aan de hoofdversie.
Wat zijn veelvoorkomende alternatieven voor Same.new?
Het beste alternatief hangt af van of je meer waarde hecht aan visueel klonen, volledige app-logica of een veiligere code-workflow.
| Als je … wilt | Kijk naar | Waarom |
|---|---|---|
| Een no-code business-app met ingebouwde auth en data | Softr | Beter voor echte interne tools en portalen met gestructureerde data en permissies |
| Sterkere AI-gegenereerde UI-code voor moderne front-ends | v0 | Meer gevestigd voor componentgeneratie en iteratief front-end werk |
| Een complete browser-gebaseerde build-and-ship loop | Bolt | Beter geschikt voor bouwen voorbij de statische UI-laag |
| AI-hulp direct in een echte codebase | Cursor | Biedt agent-stijl bewerkingen binnen lokale ontwikkeling in plaats van een fragiele hosted clone-workspace |
Bij het evalueren van alternatieven voor Same.new hangt je keuze sterk af van hoe dicht je bij productie-waardige code moet komen. Als je een functionele zakelijke applicatie of intern portaal wilt bouwen zonder code te schrijven, is Softr een veel steviger pad. Het biedt direct ingebouwde authenticatie, gebruikersrechten en gestructureerde dataconnecties, terwijl Same.new zich meer richt op het genereren van een visueel oppervlak. Voor wie high-fidelity frontend-componenten en iteratieve designcontrole wil, is v0 een zeer gevestigd alternatief dat uitblinkt in het produceren van schone, moderne UI-code. Als je doel verder gaat dan statische interfaces naar een volledige browser-gebaseerde build-and-ship cyclus, biedt Bolt een completere omgeving om full-stack applicatielogica direct vanuit je browser aan te sturen.
Ontwikkelaars die liever in hun bestaande ontwikkelomgeving werken, zullen Cursor een superieure optie vinden. In plaats van te worstelen met een fragiele web-workspace, integreert Cursor agent-stijl AI-hulpmiddelen direct in je lokale codebase. Hierdoor kun je code bewerken, refactoren en releasen met AI-ondersteuning, terwijl je volledige controle houdt over je bestanden en versiebeheer. De keuze voor de juiste tool hangt uiteindelijk af van of je een snelle visuele mockup nodig hebt of een betrouwbare omgeving om echte software te ontwikkelen.
Weeg je ontwikkelbehoeften zorgvuldig af om het platform te kiezen dat het beste bij jouw workflow past.
Voor wie Same.new is (en voor wie niet)
Same.new krijgt een beperkte maar concrete aanbeveling voor bouwers die de visuele structuur van een live site willen grijpen, deze snel willen omzetten naar React en vervolgens elders verder willen werken. Als je opties vergelijkt in onze ranking van best-vibe-coding-tools-for-websites, past het als een specialistische tool voor front-end inspiratie, scaffolding en referentie-gebaseerde UI-concepten, en niet als een volledige productstack.
Sla het over als je stabiele bewerkingen over lange sessies, backend-logica of een plek nodig hebt om een echte zakelijke app te draaien. Als je project gebruikers, permissies en gestructureerde data vereist, is Softr een veiligere keuze. De juiste lezer zou Same.new moeten zien als een visuele shortcut, niet als een volledige ontwikkelomgeving.