tailwind-landing-page-sveltekit-template Svelte Themes

Tailwind Landing Page Sveltekit Template

Tailwind Landing Page Sveltekit

❗ Note

This project was originally made with Next.js by Cruip.com in the repository here. This repo uses v2.4.0 of the project which was released under the GPL License. Thanks for the nice template 👍

The project has been translated by me to use SvelteKit. The project uses newly created components and makes use of Sveltekit's logic blocks not seen in the Next.js template for making the code (hopefully) easier to modify or edit.

Free Tailwind landing page template

Simple Light is a free landing page template built on top of Tailwind CSS and fully coded using the Sveltekit framework and TypeScript. Simple light is designed to provide all the basic components a developer need to create a landing page for SaaS products, online services, and more.

From cruip.com: Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it. Version Created and maintained with ❤️ by Cruip.com.

Version 1.3.3 built with Next.js, Tailwind CSS, and React + Vite is available here.

Live demo

Check the live demo (Next.js) here 👉️ https://simple.cruip.com/

Simple Pro

Design files

If you need the design files, you can download them from Figma's Community 👉 https://bit.ly/3HOZMpf

Usage

This is template uses Sveltekit which was installed using this guide. Additionally, this guide by Joy Of Code was helpful for initially setting up Tailwind CSS for this project. His YouTube Channel is full of useful tutorials on Svelte. Check him out here.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:5173 with your browser to see the result.

You can start editing the page by modifying src/routes/+page.svelte. The page auto-updates as you edit the file.

This project uses the font: Inter; a custom Google Font.

Learn More

To learn more about Sveltekit & Tailwind, take a look at the following resources:

Credits

Terms and License

  • Released under the GPL.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes