kagerou-dark — HTML 企业官网模板

SHA-256: 4a0968a5574d8000ce133d64d90eb6c74dea49013ae1c7f68778e4e933c4fe22

2026-10-02T08:27:04.695Z

# Kagerou Dark

![Snyk Vulnerabilities for GitHub Repo](https://img.shields.io/snyk/vulnerabilities/github/ariqnrnns/kagerou-dark)
[![Build CI](https://github.com/ariqnrnns/kagerou-dark/actions/workflows/build.yml/badge.svg)](https://github.com/ariqnrnns/kagerou-dark/actions/workflows/build.yml)
![GitHub last commit](https://img.shields.io/github/last-commit/ariqnrnns/kagerou-dark)
[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
[![Kagerou.ravenbright.design](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://kagerou.ravenbright.design)

<p align="center">
<img src="https://raw.githubusercontent.com/ariqnrnns/kagerou-dark/main/src/Kagerou-dark-banner.jpg" alt="Kagerou Dark Banner">

<img src="https://raw.githubusercontent.com/ariqnrnns/kagerou-dark/main/src/Kagerou-dark-stats.jpg" alt="Kagerou Dark Stats">
</p>

## 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](https://kagerou.ravenbright.design)

## ✅ 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](https://ellisonleao.github.io/sharer.js/)
- 🎨 Everything is customizable. You can use [Ravenbright CSS](https://ravenbrightcss.com) 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](https://ravenbrightcss.com/docs/utilities/background)
- [CSS variables](https://ravenbrightcss.com/docs/customize/cssvariables)

## ⚙️ 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:

[![Netlify Deploy button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ariqnrnns/kagerou-dark)

## 📊 Link shortener, tracking & analytics

You can select one of these platform:
- [Dub.sh](https://dub.sh/)
- [Zws-im](https://github.com/zws-im)
- [MagLit](https://github.com/NayamAmarshe/MagLit)
- [Matomo](https://matomo.org)
- [Umami](https://umami.is/)
- [Counter](https://counter.dev/)

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

## 🤝 Credits & attributions

- Post-processor tool: [PostCSS](https://postcss.org)
- Front end build tool: [Vite](https://vitejs.dev)
- Photos are courtesy of [Unsplash](https://unsplash.com)
- Typeface: `Archivo` by [Omnibus-Type](https://fonts.google.com/specimen/Archivo)
- Icons are courtesy of [Tabler](https://tabler-icons.io/) and [Akar Icons](akaricons.com/)
- Social share links are using [Sharer.js](https://github.com/ellisonleao/sharer.js)

## 📝 License

Kagerou Dark HTML template is licensed under the [Apache License 2.0](https://github.com/ariqnrnns/kagerou-dark)