atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into feat/target-cursor

Browse Source
This commit is contained in:
Utkarsh Singhal
2025-07-18 18:24:03 +05:30
committed by GitHub
parent 3b90ac916e 95e4976b78
commit 16b6a530de
28 changed files with 898 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/constants/code/Backgrounds/shapeBlurCode.ts → src/constants/code/Animations/shapeBlurCode.ts
View File

@@ -1,8 +1,8 @@
import code from '@content/Backgrounds/ShapeBlur/ShapeBlur.vue?raw';
import code from '@/content/Animations/ShapeBlur/ShapeBlur.vue?raw';
import type { CodeObject } from '../../../types/code';
export const shapeBlur: CodeObject = {
cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/ShapeBlur`,
cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/ShapeBlur`,
installation: `npm install three @types/three`,
usage: `<template>
<ShapeBlur

24
src/constants/code/TextAnimations/scrollVelocityCode.ts Normal file
View File

@@ -0,0 +1,24 @@
import code from '@content/TextAnimations/ScrollVelocity/ScrollVelocity.vue?raw';
import type { CodeObject } from '../../../types/code';
export const scrollVelocity: CodeObject = {
cli: `npx jsrepo add https://vue-bits.dev/ui/TextAnimations/ScrollVelocity`,
installation: `npm install gsap`,
usage: `<template>
<ScrollVelocity
:texts="['Vue Bits', 'Scroll Down']"
:velocity="100"
:damping="50"
:stiffness="400"
:velocity-mapping="{ input: [0, 1000], output: [0, 5] }"
class-name="custom-scroll-text"
parallax-class-name="custom-parallax"
scroller-class-name="custom-scroller"
/>
</template>
<script setup lang="ts">
import ScrollVelocity from "./ScrollVelocity.vue";
</script>`,
code
};