A button with a rotating shimmer/glow effect.
$ npx shadcn-vue@latest add "https://nxui.geoql.in/r/shimmer-button.json"Keep in mind
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
<script setup lang="ts">
import ShimmerButton from '~/components/ui/shimmer-button/ShimmerButton.vue';
</script>
<template>
<ShimmerButton>Shimmer</ShimmerButton>
</template>
| Prop | Type | Default | Description |
|---|---|---|---|
shimmer-color | string | '#ffffff' | Color of the shimmer effect |
shimmer-size | string | '0.05em' | Size of the shimmer border |
shimmer-duration | string | '3s' | Duration of the shimmer animation cycle |
background | string | 'rgba(0, 0, 0, 1)' | Background color of the button |
class | string | — | Additional CSS classes |