What Same.new is
Same.new, formerly Same.dev, is an AI design-to-code tool focused entirely on frontend cloning. The premise is straightforward: you paste a live website URL, and the platform’s AI agent attempts to replicate the CSS, layout structure, colors, typography, and styling. The output is delivered as editable React and Tailwind CSS source code within an interactive canvas.
The build model centers around conversational editing. Once the initial layout is cloned, users can adjust design elements, reposition divisions, change background colors, or add sections by speaking to the AI assistant in plain English. The platform also includes a forking mechanism to duplicate projects for design versioning, and provides a direct export of the generated code to transition to a local codebase.
The core tradeoff of Same.new is extreme design acceleration at the expense of backend logic. It operates as a frontend prototyping tool that leaves databases, authentication, and core application state completely unaddressed. Furthermore, its generative edit model is highly fragile compared to stable, block-based no-code builders where layout structures are protected from code-destroying AI hallucinations.
Where the scores come from
An average score of 4.1 shows that Same.new is a highly specialized visual utility rather than a general-purpose application builder. While it provides an impressive shortcut for initial visual drafting, it scores poorly once you evaluate the structural requirements of shipping, securing, and maintaining a production website.
Ease of build: 5.0/10
Ease of build scores 5.0 out of 10 because Same.new excels at the initial conversion phase but struggles under conversational modification. Pasting a URL scaffolds a styled React component in seconds, which is highly efficient for designers needing raw visual drafts. However, the subsequent editing process is notoriously unpredictable.
Because the tool relies on conversational code generation rather than structured visual parameters, users frequently run into limits when prompting layout edits. Complex interactive elements, nested CSS grids, and dynamic component behaviors require significant manual coding to clean up, which ultimately limits the tool’s ease of use for non-technical builders who cannot read or modify the underlying React code.
Production readiness: 3.0/10
Production readiness scores a low 3.0 out of 10 because Same.new is fundamentally a frontend staging environment. There is no host platform designed to serve production traffic, nor are there integrated deployment controls or basic infrastructure monitoring features.
Further dampening production confidence is the platform’s history of transition bugs. During the migration from Same.dev to Same.new, paying users reported that active websites or drafts were abruptly marked as read-only or broken outright. For teams needing stable, long-term hosting that does not break during corporate rebranding, the tool presents an unacceptable operational risk.
Maintainability: 3.0/10
Maintainability is a major weak spot, scoring 3.0 out of 10. The platform’s conversational editing engine lacks safety guardrails, meaning that a routine prompt can rewrite major sections of code and introduce catastrophic errors.
Trustpilot reviewers have documented destructive code loss, including cases where a simple instruction to reorder layout sections completely wiped over 1500 lines of working frontend structures.
Because there is no built-in version control or visual history to easily revert these destructive changes, users are forced to manually debug or abandon projects. Additionally, the fork and duplicate features frequently fail on larger, more complex files, making iterative design cycles difficult to preserve.
Security & access control: 3.0/10
Security & access control receives a 3.0 out of 10 because there are zero security features built into Same.new. The platform has no capability to define user roles, set up row-level data access, or protect sensitive pages behind credentials.
Every dimension of security must be built entirely outside the platform. Once the React and Tailwind code is exported, developers must manually integrate third-party identity providers, setup secure middleware, and construct backend firewalls on their own servers to make the user interface secure.
Data & integrations: 4.0/10
Data & integrations scores 4.0 out of 10 because Same.new does not feature a native database or support managed APIs. It is a visual container for mock data, generating flat React components that are disconnected from real business records.
To wire up dynamic content, a developer must export the generated layout and write custom integration code manually. There are no visual configurations or pre-built integrations for standard data services, placing the burden of backend logic and connection management entirely onto your developer workflow.
Design flexibility: 6.5/10
Design flexibility scores 6.5 out of 10, representing its strongest score on the card. By outputting code styled with Tailwind CSS, Same.new avoids the rigid layouts typical of structured builders. If you want to modify visual behaviors, you have direct, unconstrained access to a modern styling framework.
The penalty is that Same.new is prone to grid collapse and responsive styling errors during the initial cloning. It does not perfectly recreate highly interactive user interfaces or custom animated states, requiring you to manually touch up the code to achieve visual parity with complex reference websites.
What types of apps you can build with Same.new
Same.new is highly restricted in the kinds of assets it can produce, as it lacks the machinery of a full-stack platform. It is not designed to support transactional databases, user logins, or custom backend workflows.
Good-fit use cases include:
- Static landing page mockups: Creating quick, throwaway visual layouts cloned from competitor models to present design ideas to stakeholders.
- Frontend code scaffolding: Generating basic React and Tailwind files that developers can download to skip the manual UI layout phase.
- Visual design drafts: Enabling designers to quickly experiment with color schemes and typography classes in an interactive sandbox.
For actual business applications, this frontend-only model is a mismatch. If you require client portals, partner directories, or internal dashboards, a tool like Softr - which natively integrates databases, user authentication, and visual read/write permissions - is the appropriate standard.
Who should not use Same.new?
Do not use Same.new if you are building an application that requires a database, user login, or personalized access rules, as the platform lacks a backend database and authentication layer.
Do not use Same.new if you cannot write or edit raw React and Tailwind code, because the conversational AI is prone to destructive layout rewrites that must be fixed manually outside the tool.
Do not use Same.new if you require high platform availability and project stability, as the recent transition from Same.dev proved that paid accounts and active projects can become inaccessible during utility upgrades.
Analyst verdict
Average score 4.1. Same.new serves as a single-purpose utility for cloning clean layout styles and exporting them into raw React code. It can be a massive time-saver for visual scaffolding, but only when treated as a temporary canvas that a developer will immediately migrate into an external environment.
Do not attempt to use this tool to build complete production software, as its lack of backend infrastructure, database connectors, or change-management safety rails will quickly create a maintenance bottleneck.
For projects requiring actual business logic, secure portals, or direct database integrations, look to Softr or Retool, and refer to our methodology for detail on how these scores are calculated.