Landing Page Design Examples is an open-source collection of beautiful and unique landing pages, paired with a filterable showcase website built on Next.js and hosted on Vercel. The project takes contributed website URLs and organizes them into a browsable gallery so designers and developers can study real-world landing page patterns and conversion-focused layouts.
What is Landing Page Design Examples?
It is a curated list of landing page designs presented as a scrollable, filterable showcase at landing-page-design-examples.vercel.app. The core input is website URLs submitted by contributors, and the output is an organized, searchable gallery of landing pages for design inspiration. The project is open source on GitHub, and its repository metadata lists Next.js and Next.js 13 as the underlying framework for the showcase site.
Key Features
- Curated collection — Hand-picked beautiful and unique landing pages, with a focus on design quality and conversion-rate optimization.
- Filterable showcase — The live site includes filters that sort landing pages, and every preview is scrollable so you can view the entire page without leaving the gallery.
- Open-source contributions — Anyone can add new websites or fix bugs through pull requests; the repository is tagged beginner-friendly and beginner-projects.
- Next.js 13 stack — Repository topics explicitly list nextjs and nextjs13, indicating the showcase is built with the Next.js React framework.
- Vercel deployment — The demo site runs on Vercel, providing fast, globally available previews of all submitted landing pages.
- Community-driven growth — The repository currently has 30 stars and encourages both additions of new landing pages and improvements to the site codebase.
Who is it for?
- Web designers — Browse real landing page examples to gather layout, typography, color, and visual hierarchy ideas before starting client work.
- Frontend developers — Study how different landing pages structure sections and use the collection as a reference for building marketing pages.
- Open-source beginners — Make a first contribution by adding a landing page URL or fixing a bug; the project is explicitly tagged as beginner-friendly.
- Conversion rate optimization specialists — Review examples tagged with conversion-rate-optimization to identify patterns that encourage sign-ups, purchases, or other conversions.
What can you do with it?
- Designers: Find unique landing pages across a variety of niches and use them as mood boards, style references, or direct inspiration for new projects.
- Developers: Filter the showcase to locate a design style that matches a client's brand, then inspect the live site's behavior on desktop and mobile.
- Contributors: Submit new landing page URLs to grow the collection and help the project build a broader community resource.
- Students: Learn effective landing page conventions by comparing included examples and observing how they handle headlines, calls to action, and visual storytelling.
How does it work?
Visit the showcase website, scroll through the landing page previews, and use the filters to narrow results by style or category. To add a new page, open a pull request on the GitHub repository with the website's URL. The maintainers welcome both new site submissions and bug fixes to the showcase itself.
FAQ
Is Landing Page Design Examples free?
Yes, the project is open source on GitHub and the showcase website is publicly accessible at no cost.
How can I contribute?
You can add websites by submitting a pull request or fix bugs in the codebase. The repository is tagged beginner-friendly, making it a good first open-source project for newcomers.
What technology powers the showcase?
Repository topics list Next.js and Next.js 13, and the site is deployed on Vercel, indicating a modern React-based stack with server-side rendering capabilities.
Does the collection focus on a particular niche?
The topics mention conversion-rate-optimization, homepages, and web design, so the examples lean toward marketing-focused landing pages rather than generic website templates.
