{"name":"shadcn-landing-page: A Modern Next.js Landing Page Template with Shadcn UI","description":"The shadcn-landing-page repository offers a modern, responsive landing page template built with Next.js, Shadcn UI, TypeScript, and Tailwind CSS. It provides an easy-to-use foundation for web projects, featuring a comprehensive set of pre-built sections and essential functionalities like dark mode. This project is a Next.js conversion of the popular Shadcn-Vue landing page.","github":"https://github.com/nobruf/shadcn-landing-page","url":"https://osrepos.com/repo/nobruf-shadcn-landing-page","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/nobruf-shadcn-landing-page","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/nobruf-shadcn-landing-page.md","json":"https://osrepos.com/repo/nobruf-shadcn-landing-page.json","topics":["nextjs","responsive-design","shadcn-ui-starter","tailwindcss","typescript","landing-page","web-development","frontend"],"keywords":["nextjs","responsive-design","shadcn-ui-starter","tailwindcss","typescript","landing-page","web-development","frontend"],"stars":null,"summary":"The shadcn-landing-page repository offers a modern, responsive landing page template built with Next.js, Shadcn UI, TypeScript, and Tailwind CSS. It provides an easy-to-use foundation for web projects, featuring a comprehensive set of pre-built sections and essential functionalities like dark mode. This project is a Next.js conversion of the popular Shadcn-Vue landing page.","content":"## Introduction\nThe `shadcn-landing-page` project by nobruf is a robust and visually appealing landing page template, meticulously crafted using a modern web development stack. It leverages Next.js for server-side rendering and routing, Shadcn UI for beautiful and accessible components, TypeScript for type safety, and Tailwind CSS for utility-first styling. This template is a direct conversion of the well-received [Shadcn-Vue landing page](https://github.com/leoMirandaa/shadcn-vue-landing-page) to the Next.js ecosystem, offering a familiar structure for developers transitioning or preferring React-based solutions.\n\n## Installation\nGetting started with `shadcn-landing-page` is straightforward. Follow these steps to set up the project locally:\n\nbash\n1. Clone this repository:\n\ngit clone https://github.com/nobruf/shadcn-landing-page.git\n\n2. Navigate into the project directory:\n\ncd shadcn-landing-page\n\n3. Install the necessary dependencies:\n\nnpm install\n\n4. Run the development server:\n\nnpm run dev\n\n\n## Examples\nThis template comes packed with a wide array of pre-designed sections, making it highly versatile for various landing page needs. Key sections include Navbar, Sidebar (mobile), Hero, Sponsors, Benefits, Features, Testimonials, Team, Community, Contact, Pricing, FAQ, Services, and Footer. Additionally, it boasts essential features such as a fully responsive design for optimal viewing across devices, user-friendly navigation, and a dark mode toggle for enhanced user experience.\n\n## Why Use It\nChoosing `shadcn-landing-page` provides a solid foundation for your next web project. Its use of Next.js ensures excellent performance and SEO capabilities, while Shadcn UI delivers a consistent, elegant, and customizable component library. The TypeScript integration enhances code quality and maintainability, and Tailwind CSS allows for rapid and flexible styling. It's an ideal choice for developers looking for a feature-rich, modern, and easy-to-customize landing page solution.\n\n## Links\nExplore the project and its underlying technologies further:\n\n*   [GitHub Repository](https://github.com/nobruf/shadcn-landing-page)\n*   [Shadcn UI](https://ui.shadcn.com/)\n*   [Next.js](https://nextjs.org/)\n*   [TypeScript](https://www.typescriptlang.org/)\n*   [Tailwind CSS](https://tailwindcss.com/)\n*   [Original Shadcn-Vue project](https://github.com/leoMirandaa/shadcn-vue-landing-page)","metrics":{"detailViews":6,"githubClicks":14},"dates":{"published":null,"modified":"2026-04-02T20:20:14.000Z"}}