Init landing page

Rapidly build modern landing pages with Vite and Tailwind CSS.

Usage examples

• example page
• personal page

Tip: Use HypeUI by simply copying the components code.

Dark mode

Set mode: dark or light

1. Open the /assets/darkmode.js
2. Set localStorage.theme = ''

If left blank, the mode will be based on OS preferences

VS Code

Recommended plugins

• Tailwind CSS IntelliSense
• Sass (.sass only)
• Prettier - Code formatter

Development

Git clone

git clone https://github.com/leandrow/init-landing-page.git

Enter the project folder

cd init-landing-page

Install dependencies with pnpm

pnpm install

To run

npm run dev

To build

npm run build

npm run preview

What's inside?

Dev
|-- assets
|-- page
|-- public/images
|-- styles
|
|-- index.html

Build
|-- assets
|-- images
|-- page
|
|-- index.html

We also added a customized 404.html (page not found) for Github pages in the dev/public folder.

Contributing

Got any suggestions to make things even better?

Send it here or create a new pull request.