Welcome

Create a custom landing page in seconds with our easy-to-use generator.

Description

Leverage the power of dynamic routing in Next.js to create unique landing pages. Select from various premade components—hero sections, feature showcases, CTAs, and more—and combine them using our generator. Instantly preview your design, adjust it for different screen sizes, and explore live examples for inspiration.

How to use

  1. Choose components from the list on the right.
  2. Enter the corresponding code in the format: componentname-idx.
  3. Example: nav-1-hero-1-logocloud-4-feature-15-stats-0-cta-0-footer-8.
  4. Use the iframe to preview your page, resize it for different devices, or click "Live View" to open it in a new tab.
  5. Visit "Sample 1," "Sample 2," or "Sample 3" from the navbar for ideas on what you can create.

Componentsformat: componentname-idxidx starts at 0

NavBar Sectionscode: nav-idx
5 components
Hero Sectionscode: hero-idx
12 components
Logo Cloudscode: logocloud-idx
12 components
Feature Sectionscode: feature-idx
18 components
Statscode: stats-idx
10 components
CTA Sectionscode: cta-idx
11 components
Footerscode: footer-idx
10 components