@gkucmierz/bitcoin-logo
A premium, customizable, and interactive 3D-style Bitcoin logo component for Vue 3.
🚀 Features
- Interactive 3D Rotation: Tilt and rotate the logo with mouse or touch.
- Inertia & Momentum: Smooth rotation that continues after release.
- Customizable: Control size, colors, and animation speed via props.
- Premium Aesthetics: Clean SVG-based design with subtle gradients and shadows.
📦 Installation
npm install @gkucmierz/bitcoin-logo
🛠 Usage
<script setup>
import { BitcoinLogo } from '@gkucmierz/bitcoin-logo'
import '@gkucmierz/bitcoin-logo/style.css'
</script>
<template>
<BitcoinLogo
:size="256"
symbolColor="#f7931a"
:inertia="true"
/>
</template>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size |
Number |
256 |
The width and height of the logo in pixels. |
symbolColor |
String |
'#f7931a' |
The color of the Bitcoin symbol. |
autoRotate |
Boolean |
true |
Whether the logo should rotate automatically. |
rotationDuration |
Number |
10 |
Duration of one full rotation in seconds. |
inertia |
Boolean |
true |
Enable inertia during manual interaction. |
📄 License
MIT