mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
Added <MetaBalls /> animation
This commit is contained in:
26
src/constants/code/Animations/metaBallsCode.ts
Normal file
26
src/constants/code/Animations/metaBallsCode.ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import code from '@/content/Animations/MetaBalls/MetaBalls.vue?raw';
|
||||
import type { CodeObject } from '../../../types/code';
|
||||
|
||||
export const metaBalls: CodeObject = {
|
||||
cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/MetaBalls`,
|
||||
installation: `npm i ogl`,
|
||||
usage: `<template>
|
||||
<MetaBalls
|
||||
color="color"
|
||||
cursorBallColor="cursorBallColor"
|
||||
:cursorBallSize="cursorBallSize"
|
||||
:ballCount="ballCount"
|
||||
:animationSize="animationSize"
|
||||
:enableMouseInteraction="enableMouseInteraction"
|
||||
:enableTransparency="true"
|
||||
:hoverSmoothness="hoverSmoothness"
|
||||
:clumpFactor="clumpFactor"
|
||||
:speed="speed"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import MetaBalls from "./MetaBalls.vue";
|
||||
</script>`,
|
||||
code
|
||||
};
|
||||
Reference in New Issue
Block a user