Skip to content

New Design 🪄 Sveltekit + Shadcn + TypeScript + Tailwind. Landing page template ease-to-use

License

Notifications You must be signed in to change notification settings

Zxce3/shadcn-sveltekit-landing-page

Repository files navigation

Shadcn/Svelte Landing Page Template

This is a project conversion from Shadcn-Vue to SvelteKit

alt text

Live demo is now available: Live Demo

Sections

  • Navbar
  • Sidebar(mobile)
  • Hero
  • Sponsors
  • Benefits
  • Features
  • Services
  • HowItWorks
  • Testimonials
  • Pricing
  • Frequently Asked Questions(FAQ)
  • Team
  • Community
  • Contact
  • Footer

Features

  • Fully Responsive Design
  • User Friendly Navigation
  • Dark Mode
  • Meta tags

How to install

  1. Clone this repository:
git clone https://github.com/zxce3/shadcn-sveltekit-landing-page.git
  1. Go into project
cd shadcn-sveltekit-landing-page
  1. Install dependencies
npm install
# or
pnpm install
# or
yarn install
  1. Run development server
npm run dev
# or
pnpm dev
# or
yarn dev
  1. Open your browser and visit http://localhost:5173

Building for Production

To create a production version of your app:

npm run build

You can preview the production build with:

npm run preview

To deploy your app, you may need to install an adapter for your target environment.