KO
|
EN
gitlite — search
Search
#typescript
#ai-agents
#ai
#dsh-plugin
#deepseek-harness
#open-source
#claude-code
#codex
#cli
#developer-tools
#react
#windows
vue3-border-beam
★ 36
Open GitHub ↗
No description available.
Download README (.md)
Explore Similar Repositories
scicode-lint
:
AI-powered linter for scientific and research Python code.
YOLO26
:
这是一个基于YOLO26架构的教育版目标检测项目，提供了完整的训练、推理和可视化功能。项目采用模块化设计，便于学习和理解YOLO目标检测算法的核心原理。
ha-wazuh-agent-addon
:
Home Assistant Add-on running Wazuh Agent for shipping HA logs to Wazuh Manager.
Sys-Health
:
No description available.
all2api
:
将不同上游服务（目前支持 Cursor 和 Zed）的非标准化 API 接口，统一转换为 OpenAI 或 Anthropic 协议接口。
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
vue3-border-beam
?
Download (.md)
# Vue Border Beam [](https://www.npmjs.com/package/vue3-border-beam) [](https://www.npmjs.com/package/vue3-border-beam) [](https://raw.githubusercontent.com/xushanpei/vue3-border-beam/main/LICENSE) [](https://github.com/xushanpei/vue3-border-beam) Animated border beam effect for Vue 3, maintained by `前端开发爱好者`. ## Links - npm: [vue3-border-beam](https://www.npmjs.com/package/vue3-border-beam) - GitHub: [xushanpei/vue3-border-beam](https://github.com/xushanpei/vue3-border-beam) ## Repository - GitHub URL: https://github.com/xushanpei/vue3-border-beam ```bash git clone https://github.com/xushanpei/vue3-border-beam.git ``` ## Features - Vue 3 component version of the animated border beam effect - Supports `sm`, `md`, and `line` variants - Supports `colorful`, `mono`, `ocean`, and `sunset` palettes - Works with `dark`, `light`, and `auto` theme modes - Library build and demo site are separated for cleaner npm publishing ## Install ```bash npm install vue3-border-beam ``` ## Basic Usage ```vue <script setup lang="ts"> import { BorderBeam } from 'vue3-border-beam'; </script> <template> <BorderBeam size="md" color-variant="colorful" theme="dark"> <div class="card">Content</div> </BorderBeam> </template> ``` ## Plugin Usage ```ts import { createApp } from 'vue'; import BorderBeamPlugin from 'vue3-border-beam'; import App from './App.vue'; createApp(App).use(BorderBeamPlugin).mount('#app'); ``` ## Props | Prop | Type | Default | Description | | --- | --- | --- | --- | | `size` | `sm \| md \| line` | `md` | Beam size preset | | `colorVariant` | `colorful \| mono \| ocean \| sunset` | `colorful` | Color palette | | `theme` | `dark \| light \| auto` | `dark` | Theme mode | | `staticColors` | `boolean` | `false` | Disable hue shift animation | | `duration` | `number` | `1.96 / 2.4` | Animation duration | | `active` | `boolean` | `true` | Enable or disable the effect | | `borderRadius` | `number` | `auto detect` | Override border radius | | `brightness` | `number` | `1.3` | Glow brightness | | `saturation` | `number` | preset-based | Glow saturation | | `hueRange` | `number` | `30` | Hue animation range | | `strength` | `number` | `1` | Overall effect strength | ## Development ```bash pnpm install pnpm run dev pnpm run build:lib pnpm run build:demo pnpm run pack:check ``` ## License [MIT](./LICENSE)
