Skip to content
LandixTry free sections

Landing-page sections for Next.js + shadcn/ui

Your product is ready. Start with the layout already designed.

Choose a section you like, install editable React and TypeScript source with the shadcn CLI, then adapt it in your project.

Explore the sections Try 2 free sections

No Landix account, license key, or card for the free sections.

  1. 1. Choose a section

    Compare live previews and find a layout for your content.

  2. 2. Add it with shadcn

    Use the shadcn CLI to install source, styles, and dependencies.

  3. 3. Edit your code

    Replace demo content, connect your links, and test in your project.

REAL SECTION PREVIEWS

A better starting point.A little more you.

Skip the blank canvas. Explore thoughtfully crafted sections, find your direction, and make it your own.

landix / hero-01
Section / 01

First impressions

Free source

Hero 01

Make a memorable first impression with a bold introduction.

Explore preview: Hero 01
landix / hero-04
Section / 02

Product storytelling

Lifetime access

Hero 04

Tell your product’s story and highlight what makes it stand out.

Explore preview: Hero 04
landix / hero-03
Section / 03

Clear decisions

Lifetime access

Hero 03

Bring your message into focus and make the next step clear.

Explore preview: Hero 03

Demo brands, numbers, copy, and prices inside previews are illustrative, not Landix customer proof.

Different sections. Your direction.

Great pages start with great pieces.

Explore Hero 01, Feature 03, and Pricing 01 as individual building blocks. These are separate previews, not an assembled or downloadable template.

Browse all previews

A different place to start

The code isn’t always the hard part.

It’s the hero that still feels off. The spacing you keep adjusting. The next prompt that fixes one section and shifts another.

Start with a layout you can see and choose, then use your own tools to make it fit.

The blank canvas

Build from scratch

Full freedom. Every layout decision starts with you.

Every detail, your decision

The bespoke approach

Hire for custom design

A bespoke result, with a brief, handoff, and revision process.

Built around your brief

The visible starting point

Start with Landix

Choose the layout first. Install the source. Adapt it in your project.

A starting point you can see

Custom design is still the right choice for a fully original system or a complex experience. For a straightforward landing page, start from sections.

Your project, your code

Choose. Install.Make it yours.

From finding your first section to publishing on your own hosting setup.

  1. 01

    Choose

    Pick sections that fit the content on your page.

    Find your direction

  2. 02

    Install

    Add the source with the shadcn CLI.

    Bring the source home

  3. 03

    Adapt

    Replace demo copy and assets; adjust the styling.

    Make every detail yours

  4. 04

    Publish

    Check your page, then deploy with your own hosting setup.

    Take it to the web

Start with real source code

Less guesswork.More source code.

Try the source before you buy.

These are real source downloads, not screenshots or a timed trial. Try them in a Next.js project with TypeScript, Tailwind CSS 4, and shadcn initialized.

Real sourceCLI installationNo timed trial
Free source

Hero section

Hero 01

An editable hero section to introduce your product and primary action.

Install via CLI
Terminal — your project folder
npx shadcn@latest add https://landix.design/api/registry/hero-01
registry / hero-01Preview Hero 01
Free source

Pricing cards

Pricing 01

Three plans with feature lists and a highlighted option. Replace the sample prices, terms, and actions.

Install via CLI
Terminal — your project folder
npx shadcn@latest add https://landix.design/api/registry/pricing-01
registry / pricing-01Preview Pricing 01

Your first section starts here.

Follow the installation guide to get set up in your project.

Installation guide
Simple pricing. Lasting value

Free sections or full registry access

Install two sections free. Choose Lifetime when you need the remaining registry.

Free

Try Hero 01 and Pricing 01 in your own project.

Free, whenever you need it

Current price: $0USD

No account, license key, or card required.

Start with the source

  • Included: Hero 01 hero section source
  • Included: Pricing 01 pricing cards source
  • Included: Install both with the shadcn CLI
  • Included: Preview all sections and read the docs
  • Not included: Source for the remaining registry
Install free sections

No purchase necessary

Two free sections

Lifetime

Get installation access to the current paid registry.

Original price: $147 USD67% off

Current price: $49USD

One payment. No subscription. Checkout through Gumroad.

Full registry access

  • Included: Every current paid registry section
  • Included: Editable React and TypeScript source
  • Included: Install with a Gumroad license and shadcn CLI
  • Included: Source, styles, and block dependencies
  • Included: Keep and customize your installed code
Get full access — $49

One-time purchase · Save $98 USD

License required for paid sections

Checkout is handled by Gumroad. Confirm the final total and purchase terms there. Lifetime covers the current registry; future additions are not implied.

Frequently asked questions

Is Landix source code or a website builder?

Landix provides landing-page section source code through a registry. It does not host or build your finished website.

What project setup do I need?

The documented setup is a Next.js App Router project with TypeScript, Tailwind CSS 4, and shadcn initialized. Individual sections may have additional dependencies.

Can I customize the sections?

Yes. The CLI installs editable React and TypeScript source in your project. Replace the sample content and adapt the styling to your needs.

Can I use AI coding tools with the source?

You can use your usual editor and AI coding tools to adapt the installed source. Landix does not require or advertise an official AI integration.

What is free?

Hero 01 and Pricing 01 are free to install with the shadcn CLI. They require no Landix account, license key, or card. All previews are free to view.

What does Lifetime access include?

Lifetime access is $49 USD, one time, through Gumroad. It lets you install every section currently in the paid registry using a Gumroad license key. Future additions are not implied.

Does Landix host my website?

No. The installed source runs in your project; you choose how and where to host the finished site.

Do installed sections update automatically?

No. Your installed files remain in your project. Review any new section source and merge changes yourself if you want them.

Get back to the product you’re launching.

Start with a section you like. Make it fit your product. Keep building from there.

Explore the sectionsGet full access — $49