Websites and development

Framer, Webflow or custom Next.js: which should you choose for a brand website in 2026?

Pick Framer if a designer builds and edits a marketing site of a few dozen pages and launch speed matters most. Pick Webflow if a content team publishes weekly and needs a large CMS. Pick custom Next.js for accounts, integrations, many languages or code you can host anywhere, and budget for development and upkeep instead of platform rent.

The home page of tarasovvitalii.com in a desktop browser frame with the phone version beside it: a black page with the VITON13 logo and menu, the showreel paused on a 3D carousel of website covers, a play button and the line “VITON13 Studio. Design. Code. Search. Film.”, under the heading tarasovvitalii.com.
From the case: tarasovvitalii.com: the founder’s portfolio in four languages, with a chat through VITON ID

What is the real difference between Framer, Webflow and custom Next.js?

Framer and Webflow are hosted visual builders: you design on a canvas, publish, and pay the platform every month to run the site. A custom Next.js site is code that a developer writes, kept in your repository and run on hosting you choose.

Framer, Webflow and Next.js side by side
QuestionFramerWebflowCustom Next.js
Built byA designer, on a canvasA designer or Webflow specialistA developer, in code
Edited byContent editors, $10 a month eachLimited seats, $15 a month eachEditors in a connected CMS
CMS on the main paid plan10 collections, 2,500 items40 collections, 20,000 itemsSet by your CMS
Extra languages$20 a month per localeLocalize from $9 a monthIn code, no per-language fee
MotionBuilt-in effects, React code componentsInteractions built on GSAPAny library, GSAP and three.js included
ExitNo HTML exportHTML and CSS export; the CMS staysThe code is yours; any Node.js host
Framer and Webflow pricing pages, US dollars billed yearly, 25 September 2026.

Who will edit the site after launch, and what can they change?

Settle this first. Brand sites are edited by people who did not design them: a marketer adding a case, an assistant changing a price.

  • Framer: content editors, $10 a month each, update the CMS, translations and page text without the design tools; a full editor costs $20.
  • Webflow: a Limited seat edits content or assembles approved components; a Full seat that can change the design costs $39 a month billed yearly.
  • Next.js: there is no editor until one is added. Copy sits in files a developer changes, or in a headless CMS, a separate admin panel the site reads from.

So we agree the editable parts up front: news, cases and prices in the CMS, the layout in code. Our CMS integration costs $73 AI-assisted or $93 human-led and is accepted when a non-technical editor creates, schedules, corrects and rolls back a real entry.

Which one handles motion, 3D and interaction best?

Design-led sites are often bought for their motion: scroll reveals, pinned scenes, a film in the hero, sometimes 3D. All three can do it; the ceiling and the page weight differ.

  • Framer: effects, page transitions and scroll animation are set on the canvas; for the rest, developers write React code components, compatible with React 18, in Framer’s editor.
  • Webflow: Interactions run on GSAP, which Webflow owns and has made free for everyone, including once-paid plugins such as SplitText and ScrollSmoother.
  • Next.js: any library, from GSAP to three.js and custom WebGL, inside a speed budget you set, with motion switched off for visitors who ask for less.

A platform gives you ready tools on someone else’s runtime; code gives you nothing ready and every kilobyte to cut. Our founder’s portfolio (the example below) is hand-coded without Next.js: its GSAP motion stops under reduced-motion settings, and on 24 September 2026 Lighthouse scored its home page 99 for mobile performance.

Where do page and CMS limits start to bite?

Limits rarely matter at launch. They bite in year two, once the blog or the case library has grown.

Page and CMS limits on paid plans
Plan, a month billed yearlyPagesCollectionsCMS itemsPast the limit
Framer Basic, $103021,000Move to Pro
Framer Pro, $30150102,500$20 per 100 pages, $20 per 10,000 items
Webflow Basic, $15300 staticNoneNoneMove to Premium
Webflow Premium, $25300 static4020,000Team, $2,500 a month on an annual contract
Custom Next.jsNo capYour CMSYour CMSHosting usage
Pricing pages checked 25 September 2026. Framer caps the Pro add-ons at 700 pages and 40,000 items.

Two posts a week make about 312 entries in three years, fine on any plan with a CMS. A catalogue or a directory of branches reaches 2,500 far sooner, and on Framer Basic posts plus cases already use both collections.

What do the plans cost over three years?

The table assumes one site, one owner seat and, where stated, one extra language.

Platform cost over 36 months at yearly list prices
Set-upPlan and add-onsPer month36 months
Framer, small siteBasic, one language$10$360
Framer, marketing sitePro plus one locale$50$1,800
Webflow, no CMSBasic plus Localize Essential$24$864
Webflow, with CMSPremium plus Localize Essential$34$1,224
Custom Next.jsVercel Pro, one developer seat$20$720
Yearly list prices before tax, 25 September 2026. Monthly billing costs more: Webflow Basic $25, Premium $39. Extra content editors are $10 a month on Framer and $15 on Webflow.

Rent is the smaller line. The build pays a designer on Framer, a designer or Webflow specialist on Webflow, and a developer plus a designer on Next.js. Afterwards the platforms bill monthly, while Next.js needs someone to update dependencies. Either way the money goes to people, just different ones.

How much SEO and language control does each give you?

All three serve HTML that crawlers read. What separates them is redirects, language URLs and which tags you may change.

  • Framer: built-in SEO, redirects from Pro up, translated URL paths per locale; lang and hreflang are set automatically and cannot be edited in the interface.
  • Webflow: canonical tags, sitemap, robots.txt, schema markup and 301 redirects; translated URLs only with Localize Advanced, from $29 a month.
  • Next.js: sub-path routing such as /fr/products, or a domain per language; hreflang, sitemaps and every status code are written in code and do exactly what is specified, nothing more.

How hard is it to leave each platform?

Ask before launch, while the answer is cheap.

  • Framer: no HTML export for self-hosting, because sites depend on its rendering, image optimisation and delivery network (help centre, 15 September 2026). Leaving means a rebuild.
  • Webflow: HTML and CSS export with a paid workspace plan such as Core, $19 a month billed yearly; CMS items and pages are not exported, so a blog moves through the CMS API or by hand.
  • Next.js: repository and hosting account in your name; a Node.js server or Docker runs every feature, a static export fewer. The lock-in left is to people, eased by a clean repository and a handover note.

Every move changes URLs. Google advises server-side permanent redirects from each old URL, kept as long as possible and generally for at least a year.

When are Framer or Webflow smarter choices than custom code?

We sell custom builds, yet the honest answer is often a platform.

Which route fits common situations
SituationSensible choiceWhy
Portfolio under 30 pages, edited by its designerFramer BasicFastest to a live address
Designer-led site that needs staging and redirectsFramer ProBranching without a developer
Weekly publishing in one or two languagesWebflow Premium20,000 items and editor seats
Four or more languages with translated URLsCustom Next.jsNo per-language fee
Accounts, bookings, a CRM or paymentsCustom Next.jsServer code and your own database
Heavy 3D under a strict speed budgetCustom Next.jsYou choose every file that loads

When not to order from us: a few pages, one language, a designer already in Framer and nothing that needs a server. Launch there, keep the domain in your name and the copy outside the platform; our estimate would say the same.

What does a custom Next.js site cost with VITON13?

Every package has a fixed price in two modes: AI-assisted, where AI drafts and a specialist directs and signs off, or human-led, where the specialist builds and AI helps.

VITON13 packages for a design-led Next.js site
PackagePriceTimelineWhat you get
Corporate website design$113 AI-assisted or $173 human-led7–12 working daysSitemap up to 20 pages, 6 templates, prototype, Figma handover
Next.js website$73 AI-assisted or $93 human-led5–8 working days5 templates, SEO set-up, preview deploys, 2 languages
Launch Site$113 AI-assisted or $173 human-led3–5 working daysBuild with CMS or data wiring, server, domain, SSL, launch checks
CMS integration$73 AI-assisted or $93 human-led5–8 working daysContent model, editor workflow, connection to the site
Starting prices in US dollars, confirmed in the written scope before any payment.

The Next.js package builds a design that already exists; Launch Site suits pages, CMS and launch in one order. With Figma layouts or a Framer prototype in hand, skip the design line.

How VITON13 does it

We turn approved layouts, from Figma or a Framer prototype, into a Next.js site you own, with motion kept inside a speed budget. Send the brief through the order form; the package, the fixed price and the dates arrive in writing within one working day.

Next.js website development

Price
$73 AI-assisted or $93 human-led
Timeline
5–8 working days

Launch Site

Price
$113 AI-assisted or $173 human-led
Timeline
3–5 working days

AI-assisted: AI drafts inside defined steps, a person directs and checks every result. Human-led: a specialist does the work and AI assists.

What is included

  • 5 page templates from your approved layouts
  • 1 SEO set-up: sitemap, canonical tags, hreflang and metadata per template
  • 1 deployment pipeline with a preview address for every change
  • 2 languages wired in, with your texts
  • The repository and pipeline handed over, with access in your name

Not included

  • Design: a separate package, or your own layouts
  • Copy and translations
  • Hosting, domain and third-party subscriptions
  • Redirect mapping beyond the old site’s main templates

Revisions: 2 revision rounds on the deliverables, fixed in the written scope

Get an estimate in 1 working day

Written estimate within 1 working day

Example

INTERNALOur own product

tarasovvitalii.com: a hand-coded, design-led portfolio in four languages

Our founder’s portfolio, live since 23 September 2026, was designed and hand-coded by VITON13: a Node static generator pre-renders every page, and motion runs on GSAP with ScrollTrigger and Lenis. It has four language editions, 108 sitemap pages linked by hreflang and a chat through VITON ID. On 24 September 2026 Lighthouse gave the home page 99 for mobile performance, with LCP at 2.0 s.

What this does not prove

  • It is our own site, not client work, and it does not use Next.js.
  • The scores are lab tests of one page on one day; a second desktop run gave 95.
  • It is too new for traffic, ranking or enquiry data.
  • We did not build the same design in Framer or Webflow, so it compares nothing directly.

Questions and answers

Can you move my Framer or Webflow site to Next.js without losing rankings?

Nobody can honestly promise that. We list every live URL, rebuild the pages, set permanent redirects and compare a crawl before and after. Framer pages cannot be exported, so we work from the live site and your files; Webflow CMS content comes across through its API. The move is priced as website migration, $53 AI-assisted or $73 human-led.

Can my designer keep working in Figma or Framer?

Yes. We build from approved layouts, Figma files or a Framer prototype, and match type, spacing and motion on a preview address you check on your own devices. After launch, texts are edited in the CMS; a layout change is a developer task, quoted like any other.

Who owns the code, the domain and the accounts?

You do. Register the repository, hosting, domain and Search Console to your business; we hand over the repository and the deployment pipeline at the end. Agreed rights and editable files pass to you once the project is paid; fonts and stock images keep their own licences.

What happens if AI-drafted code is wrong?

In AI-assisted mode AI drafts components and a developer reviews, tests and signs off each change, and nothing goes live before you have seen it on the preview. Anything that departs from the approved layouts is corrected in the revision rounds. Human-led, the same package costs $93.

How does payment work, and can I cancel?

You first get the written scope with the timeline, the final price and the payment route, and nothing is charged before you confirm it. Cancelling is free until you approve the scope. After work starts, completed work is charged and the unstarted part is refunded.

How long does the whole project take?

Design takes 7–12 working days and the Next.js build 5–8 working days, one after the other, plus the time you need to approve layouts and supply texts. If the design already exists, the project starts at the build.

Sources

  1. Framer — Pricing —
  2. Framer Help — Can I export my website to HTML and self-host it? —
  3. Framer Help — Localized page paths —
  4. Framer Help — Language attribute —
  5. Framer Developers — Code components —
  6. Webflow — Plans and pricing —
  7. GSAP — Pricing —
  8. Vercel — Pricing —
  9. Next.js — Deploying —
  10. Next.js — Internationalization —
  11. Google Search Central — Site moves with URL changes —

About the author

Vitalii Tarasov

Founder of VITON13 Studio · Dubai, UAE

Vitalii Tarasov founded VITON13 in 2026 and runs VITON13 Studio from its Dubai office. He is responsible for every studio project: the written scope and price, the direction of the work and the check before delivery. Studio prices in this guide are read from the service pages, so they match what you would be quoted there.

About VITON13

Services this guide leads to