/init-landing-page

Rapidly build modern landing pages with Vite JS and Tailwind CSS

Primary LanguageHTMLMIT LicenseMIT

Rocket icon Init landing page

Rapidly build modern landing pages with Vite and Tailwind CSS.

Usage examples

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.