Ts-Web-ModuleWeb Components Collection

A variety of commonly used functional components to enrich your web content

Browse Components

Bilibili Video

Easily embed Bilibili videos in web pages with customizable parameters

Resource Link

Dual-text resource/download links, beautiful and practical

Cloud Drive

Display cloud drive type, title, and extraction code with one-click copy

Progress Box

Progress bar component with customizable colors and percentages

Tabs Box

Multi-tab content switching for better information organization

Gallery

Image gallery display with multiple style variants

Black Curtain

Hover/click to reveal hidden content, adding interactive fun

Password Box

Content revealed after password verification, protecting sensitive info

Text Box

Normal/warning/error/success message boxes for various states

Quick Start

Import via CDN and use custom elements directly:

html

<script src="https://cdn.jsdelivr.net/gh/AR-26710/ts-web-module@1.10.3/dist/main-1.10.3.es.min.js" type="module"></script>

<!-- Example: Bilibili Video -->
<bilibili-video bvid="BV1b44y1q7Cb"></bilibili-video>

or import individually:

html

<script src="https://cdn.jsdelivr.net/gh/AR-26710/ts-web-module@1.10.3/dist/modules/bilibili-video-1.10.3.es.min.js" type="module"></script>

<!-- Example: Bilibili Video -->
<bilibili-video bvid="BV1b44y1q7Cb"></bilibili-video>