Free HTML Tailwind CSS Landing Page Template with Vite & Ravenbright Tokens (CSS variables)

---

Free HTML Tailwind CSS Landing Page Template with Vite & Ravenbright Tokens (CSS variables)

Download this template 👇

✅ Explore the features

• 👌 Built with the latest Tailwind CSS version (v3.2.4)

• 🆓 Free to use under Apache License 2.0

• ♿️ Designed with accessibility in mind

• 🎲 Integrated with Ravenbright tokens

• 🤖 Included with Open Graph tags

• ⚡ High-performance site with optimized CSS

🚀 How to get started?

• Download the source code

• Then run these command below

# change directory
cd tailwind-html-vite-ravenbrighttokens

# initialize project
npm init

# install dependencies
npm install

# start the local development server
npm run dev

✅ Build process

1. Type npm run build on CLI
2. Run npm run preview
3. Open localhost:4173 to see the build result & it's done 🎉. Your website is ready to deploy 🚀

---

Still have doubt? Don't be, explore & play around with Ravenbright Design Tokens live demo on TailwindPlay.

View demo on TailwindPlay 👇

---

🤝 Credits & attributions

• CSS library: TailwindCSS
• Post-processor tool: PostCSS
• Design Tokens: Ravenbright Tokens
• Photos are courtesy of Unsplash
• Typeface: Inter Tight by Rasmus Andersson
• Icons are courtesy of Tabler & Akar Icons

📝 License

Source code released under Apache License 2.0.