Your next landing page.
Already started.

Add an editable landing page to your Next.js project. ConvertFast puts React sections and shadcn/ui components straight into your codebase.

Build your first page Explore the templates

Open source. MIT licensed. The code is yours.

your-next-projectTSX

01 / in your terminal

$ npx convertfast-ui@latest init

Detect your Next.js version and router

Use your shadcn configuration

$ npx convertfast-ui@latest page create launch
--template editorial

02 / in your codebaseapp/launch/page.tsx

export default function Page() {
  return (
    <>
      <HeroSection />
      <FeatureSection />
      {/* more sections */}
    </>
  )
}

A head start, down to the source.

FITS YOUR STACKNext.js 14 / 15 / 16App + Pages RouterTailwind 3 + 4shadcn/uiTypeScript

01 / THE TEMPLATES

Start with structure.
Make it your own.

Two styles. Seven sections in each. Use a full landing page, or add the one block your project needs.

View all examples

Open preview in a new tab

A starting point for your next page

A little more editorial.

Explore the layout, spacing, and typography in the editorial template.

editorial / 7 sectionsExample content. Replace it with your own before publishing.

01Hero02Logo cloud03Features04Social proof05Call to action06FAQ07Pricing

02 / THE WORKFLOW

From your terminal
to your next commit.

Start inside a Next.js project with shadcn/ui configured. ConvertFast detects the setup and writes the files where they belong.

Connect your project.

Initialize once. Detect the installed Next.js version, router, and component aliases.

$ npx convertfast-ui@latest init

Give your page a route.

Create a page at /launch. Choose the default or editorial template.

$ npx convertfast-ui@latest page create launch --template editorial

Edit the actual components.

Replace the sample content, adjust the sections, and commit the code with the rest of your app.

Read the CLI reference

03 / YOUR CODEBASE

Keep working
the way you work.

The output is React and TypeScript. Open the files in your editor, review a diff, and change what you need.

Explore the source

Components you can change

Page sections live in your project. Update the markup, Tailwind classes, and shadcn/ui components directly.

A page, or just a block

Generate a full page with page create, or install a section with block add hero-section.

Works with your coding agent

Let an agent run the CLI and edit the generated files. Follow the documented workflow and review its changes.

Read the agent workflow

MIT licensed

Use the package and templates in personal or commercial projects under the MIT license. Keep the required license notice.

A FEW DETAILS

Before you
start building.

Read the documentation

What do I need before running the CLI?

A TypeScript Next.js project with shadcn/ui initialized and a supported Node.js version. Next.js 14, 15, and 16, both routers, and Tailwind CSS 3 and 4 are covered. The installation guide lists the setup commands and runtime requirements.

Is ConvertFast free to use?

Yes. The CLI and templates are open source under the MIT license. You can use and modify them for commercial projects. You cover your own hosting and any services you add.

Does it generate my copy with AI?

The CLI generates pages from bundled templates. It does not write personalized copy or call an AI model. You can use your own coding agent to customize the generated files with the agent workflow.

Can I add a section to an existing site?

Yes. Use block add to install a single section through shadcn. Use page add to add a section to a ConvertFast page. See the CLI reference for the available options.

What should I change before publishing?

Replace sample branding, copy, testimonials, pricing, and links with your own content. Add page metadata and check the layout, accessibility, and interactions for your project.

MAKE SOMETHING OF IT

A good place to start.
Your place to take it.

Get started with ConvertFast

One CLI. Your next landing page.

Your next landing page.Already started.

Start with structure.Make it your own.