Landing page template for React

A hero with a product shot, how it works, benefits, pricing and a closing sign-up, styled by Lumen Dark. Switch to 10 other design systems below.

$0 forever. No card required. Other install options

Cutbill

Invoice a video project in a minute, not an afternoon in a spreadsheet

Cuts, revisions and rush fees on one invoice, built for freelance video editors.

Invoice 0142
Due in 14 days
Northline Studio, brand film
  • Brand film, 90 second cut$2,400
  • Revision round 3$300
  • Rush delivery, 48 hours$450
Total$3,150

How it works

  1. 1

    Import the project

    Drop in your edit timeline or type the deliverables.

  2. 2

    Check the invoice

    Cutbill lists each cut, revision round and rush fee.

  3. 3

    Send and get paid

    Your client pays by card or bank transfer from one link.

Get paid for every round of changes

  • Revision rounds past the quote go on the invoice
  • Rush fees and usage rights sit on their own line
  • A reminder goes out when an invoice is 7 days late

Pricing

Solo
3 invoices a month

$0 per month

Studio
Unlimited invoices and reminders

$12 per month

Send your next invoice before the export finishes

Built on the stack you already use

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Radix UI

Everything the screen needs

  • Source you own

    Install the components with the shadcn CLI. Every line lands in your repo.

  • 11 design systems

    Switch the same layout between design systems that fit it, with no rewrite.

  • One theme for every screen

    Colors, corner radius and shadows come from CSS variables, so one change restyles it all.

  • Built by your agent

    Ask Claude Code, Cursor or Codex for this screen. The MCP gives it the system and the rules.

  • Checked before handoff

    Your agent reviews accessibility, spacing and copy against the review rules.

  • Interface only

    No database or sign-in wiring to remove. Connect the data you already have.

Free to build. Pay for your own brand.

Developer

For individual builders.

$0forever

No card required
  • Unlimited UI and UX guidance
  • Design systems
  • Templates
  • Slides
  • Illustrations
  • Video
Install free

Pro

Teach your coding agent your own brand.

$20/ month

$240 a year after the trial.Save $48
  • Everything in Developer
  • Your brand guidelines, kept private, applied to every build
  • GitHub PR reviews
  • Mobile tools
  • 3D tools
  • Shopify tools
  • $240 a year after the 14-day free trial.
  • Renews automatically until you cancel.
  • Cancel anytime from Manage subscription.

Agency & Enterprise

One private brand for every client, product, or business unit.

Custompricing

Scope and price follow the call.
  • Everything in Pro
  • A separate private brand for every client or business unit
  • White label under your own name
  • We set it up with you
Get a free 15-minute call

Questions

What is in the Landing Page template?

A hero with a product shot, how it works, benefits, pricing and a closing sign-up. Every part is a shadcn-compatible component you can edit.

Is it free?

Yes. The Developer plan is $0 forever, with no card. Pro adds your own private brand for $20 a month, billed yearly.

How do I install it?

Run npx better-design to connect your coding agent, then ask it for the Landing Page template. To add one component, use npx shadcn@latest add with its registry link.

Which design system should I pick?

Start with Pebble, the default for this layout. The switcher lists 10 others that fit it.

Can it use my own brand?

Yes, on Pro. Your agent applies your private brand guidelines to every screen it builds.

Does it include a backend?

No. The template is the interface only, so you connect your own data and sign-in.

Build the Landing Page screen in your own repo

$0 forever. No card required. Other install options

Built with Better Design.