ariqnrnns / kagerou-dark

Free, customizable, modern & Lightning fast link in bio HTML landing page website templates

Kagerou Dark

Free, customizable, modern & Lightning fast link in bio HTML landing page website templates

Build modern & unique link in bio website that convert with Kagerou.

Easily customize the template with utility classes & CSS custom properties. Get started quickly & build your portfolio with Kagerou Dark HTML template.

👉 Demo

View demo

✅ Why Kagerou Dark?

• 👌 Totally free to use with Apache License 2.0
• ❌ No ads, no phone number, no monthly & yearly subscriptions
• 😎 Stunning User Interface made specifically for bio links
• 🔗 Included with social share links by Sharer.js
• 🎨 Everything is customizable. You can use Ravenbright CSS utility classes or CSS variables to modify the styles
• ⚡ High performing static sites. 98/100 scores both for mobile & desktop in Pagespeed Insights
• ♿ Accessible - comply with WCAG 2.1. Measured by Pagespeed Insights, WAVE & Tota11y
• 📰 Included with Open Graph tags
• 📱 Fully Responsive & mobile-friendly landing page
• 👌 Comes with & smooth animations

🚀 Getting started

1. Download the source code from Github Releases
2. cd into the folder & run npm install
3. After that, run npm run dev to start the local development server
4. Customize the links and the UI
5. Deploy into your favorite hosting
6. Setup the analytics
7. it's done!

🎨 Customization

Kagerou is built with Ravenbright CSS library. You can customize the template with using either:

• Utility classes
• CSS variables

⚙️ Development

1. Type npm run dev on CLI
2. Open localhost:5173 or localhost:4173 to view the website

✅ Build process

1. Type npm run build on CLI
2. Run npm run preview to see the build result. Finally, it's done 🎉. Your website is ready to deploy 🚀

☁️ Deploy

Deploy to Netlify

Clone this repository and deploy to Netlify:

📊 Link shortener, tracking & analytics

You can select one of these platform:

• Dub.sh
• Zws-im
• MagLit
• Matomo
• Umami
• Counter

All of them respect users privacy, open source & comes with free plan.

🤝 Credits & attributions

• Post-processor tool: PostCSS
• Front end build tool: Vite
• Photos are courtesy of Unsplash
• Typeface: Archivo by Omnibus-Type
• Icons are courtesy of Tabler and Akar Icons
• Social share links are using Sharer.js

📝 License

Kagerou Dark HTML template is licensed under the Apache License 2.0