https://github.com/zxce3/shadcn-sveltekit-landing-page
New Design Sveltekit + Shadcn + TypeScript + Tailwind. Landing page template ease-to-use
https://github.com/zxce3/shadcn-sveltekit-landing-page
landing-page shadcn-svelte shadcn-theme sveltekit sveltekit-template tailwind template-project typescript
Last synced: 7 months ago
JSON representation
New Design Sveltekit + Shadcn + TypeScript + Tailwind. Landing page template ease-to-use
- Host: GitHub
- URL: https://github.com/zxce3/shadcn-sveltekit-landing-page
- Owner: Zxce3
- License: mit
- Created: 2025-02-19T18:17:01.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-19T19:20:15.000Z (8 months ago)
- Last Synced: 2025-03-03T18:46:27.209Z (7 months ago)
- Topics: landing-page, shadcn-svelte, shadcn-theme, sveltekit, sveltekit-template, tailwind, template-project, typescript
- Language: Svelte
- Homepage: http://shadcn-sveltekit-landing-page.zxce3.net/
- Size: 2.06 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shadcn/Svelte Landing Page Template
### This is a project conversion from Shadcn-Vue to SvelteKit
## Shadcn-Svelte + SvelteKit + TypeScript + Tailwind.
Live demo is now available: Live Demo
## Sections
- [x] Navbar
- [x] Sidebar(mobile)
- [x] Hero
- [x] Sponsors
- [x] Benefits
- [x] Features
- [x] Services
- [x] HowItWorks
- [x] Testimonials
- [x] Pricing
- [x] Frequently Asked Questions(FAQ)
- [x] Team
- [x] Community
- [x] Contact
- [x] Footer
## Features
- [x] Fully Responsive Design
- [x] User Friendly Navigation
- [x] Dark Mode
- [x] Meta tags
## How to install
1. Clone this repository:
```bash
git clone https://github.com/zxce3/shadcn-sveltekit-landing-page.git
```
2. Go into project
```bash
cd shadcn-sveltekit-landing-page
```
3. Install dependencies
```bash
npm install
# or
pnpm install
# or
yarn install
```
4. Run development server
```bash
npm run dev
# or
pnpm dev
# or
yarn dev
```
5. Open your browser and visit `http://localhost:5173`
## Building for Production
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with:
```bash
npm run preview
```
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.