An open-source landing page template built with Next.js, TailwindCSS, and all shadcn/ui components, organized using a improved version of Atomic Design System.
Preview - https://atomic-shad.vercel.app/ · Features · Setup · Authors
- Next.js
- App Router
- TailwindCSS for styling
- ShadCn/UI
- Built with Radix UI for headless component primitives
- Organized using the Atomic Design System
- The Atomic Design System was applied with slight modifications. Atoms include typography, padding, and colors. Molecules include buttons and inputs...
-
Clone the repository:
git clone https://github.com/kpedrok/nextjs-atomic-shadcn-ui-landing-page.git
-
Install dependencies:
cd nextjs-atomic-shadcn-ui-landing-page pnpm install
-
Start the development server:
pnpm dev
Your app should now be running on http://localhost:3000.
This template is created by CreatedByPed