HTMLCorporate Website

kagerou-dark — HTML Business Template

By ariqnrnns

Kagerou Dark is a link-in-bio single-page template built with HTML and Ravenbright CSS, licensed under Apache-2.0, suitable for creating a personal link aggregation page.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Built with Ravenbright CSS, adjustable via utility classes or CSS variables

02

Includes Sharer.js social share links and Open Graph tags

03

Provides npm development, build, and preview scripts; deployable to static hosts like Netlify

04

README lists optional analytics and short-link services such as Dub.sh, Matomo, and Umami

05

Licensed under Apache-2.0, with a license file included in the repository

Template Details

Kagerou Dark is an HTML single-page template for link-in-bio scenarios, designed to display multiple social or external links on one page. The template is built with the Ravenbright CSS library, allowing style adjustments via utility classes or CSS custom properties, and includes social share links powered by Sharer.js. The page includes Open Graph tags, and the README states it follows WCAG 2.1 and is mobile-friendly.

For usage, the template provides npm scripts: after installing dependencies, run the development server, build, and preview the output via preview; it can be deployed to static hosts like Netlify. The README also lists optional analytics or short-link services such as Dub.sh, Matomo, and Umami, but these are external services that require separate configuration.

In terms of limitations, the template is a purely front-end static page with no backend, database, or form-handling capabilities; repository updates stopped in 2022, and the documentation does not state subsequent maintenance status. Images are from Unsplash, the font is Archivo, and icons are from Tabler and Akar Icons; these third-party assets must be checked separately under their respective licenses and cannot be assumed usable solely based on the code's Apache-2.0 license.

HTMLCorporate Website

Is it right for your project?

Use Cases

  • Individuals or brands aggregating multiple social accounts and work links on a single page
  • Deploying as a static site to hosting platforms like Netlify without backend services
  • Adjusting colors and typography via CSS variables or utility classes on top of the template
  • Integrating third-party analytics or short-link services to track clicks on the link page

Suitable For

  • Developers or designers who need to quickly set up a link-in-bio single page
  • Projects that prefer pure HTML static pages without front-end frameworks
  • Teams that can handle license verification for third-party images, fonts, and icons themselves
  • Personal sites that accept using external services for link analytics and short links

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Download the source from GitHub Releases, then run npm install in the directory to install dependencies

  2. 2

    Run npm run dev to start the local development server, default port 5173 or 4173

  3. 3

    Run npm run build to build, then npm run preview to view the build output

  4. 4

    Before deployment, replace the template's example links and images, and verify licenses for third-party assets such as Unsplash, Archivo font, Tabler, and Akar Icons

  5. 5

    Analytics or short-link services must be registered and configured in the page yourself; the template does not include these services

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the Apache-2.0 license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution are permitted; when distributing, include the Apache-2.0 license.
  • Modified files must carry prominent notices of changes, and relevant copyright, patent, trademark, and attribution notices must be retained.
  • If the original project includes a NOTICE file, any applicable attribution notices in it must be retained when distributing derivative works.
  • The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
  • The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Photos in the template are from Unsplash and must be checked separately under Unsplash's own license; the Apache-2.0 code license does not cover these image assets.
  • The Archivo font is provided by Omnibus-Type and must follow its font license; it cannot be used solely under the code's Apache-2.0 license.
  • Icons are from Tabler and Akar Icons and must be checked under their respective licenses; the code license does not automatically cover these icon assets.
  • The social sharing feature relies on the third-party library Sharer.js and must comply with that library's own license.
  • Link analytics and short links require choosing and integrating external services such as Dub.sh, Matomo, or Umami, which may involve account registration, API keys, or service fees; the template itself does not provide these capabilities.
  • Using analytics requires configuring an external analytics service yourself, which is an additional step and external dependency.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely based on the code's Apache-2.0 license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

no-charge, royalty-free, irrevocable copyright license

Original License Text

Photos are courtesy of [Unsplash](https://unsplash.com)

Original README

Typeface: `Archivo` by [Omnibus-Type](https://fonts.google.com/specimen/Archivo)

Original README

Icons are courtesy of [Tabler](https://tabler-icons.io/) and [Akar Icons](akaricons.com/)

Original README

Social share links are using [Sharer.js](https://github.com/ellisonleao/sharer.js)

Original README

You can select one of these platform:

Original README

Setup the analytics

Original README
https://github.com/ariqnrnns/kagerou-dark/blob/main/LICENSE.mdhttps://github.com/ariqnrnns/kagerou-dark/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 68 / 100
Technologies
HTML
Website type
Corporate Website
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2022-11-21
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 4a0968a5574d8000ce133d64d90eb6c74dea49013ae1c7f68778e4e933c4fe22

2026-10-02T08:27:04.695Z

Source file / repository
# 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)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

mazer

mazer

Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.

HTML · Admin dashboard

Freelancer

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Creative

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

startbootstrap-agency

startbootstrap-agency

Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.

HTML · Corporate Website

startbootstrap-landing-page

startbootstrap-landing-page

A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.

HTML · Corporate Website

Landing-Page

Landing-Page

A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.

HTML · Corporate Website