❗ 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
- Nucleo for icons
Terms and License
- Released under the GPL.
