{"_id":"@bwo-ui/vue","_rev":"5-81209ad47279a0d2fe21371d3747bd71","name":"@bwo-ui/vue","dist-tags":{"latest":"0.7.0"},"versions":{"0.2.0":{"name":"@bwo-ui/vue","version":"0.2.0","keywords":["vue","vue3","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/vue@0.2.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/YOUR-GITHUB-USER/bwo-ui/tree/master/packages/vue","bugs":{"url":"https://github.com/YOUR-GITHUB-USER/bwo-ui/issues"},"dist":{"shasum":"7f59784ae5471556578ccb1f116c49bd063939de","tarball":"https://registry.npmjs.org/@bwo-ui/vue/-/vue-0.2.0.tgz","fileCount":10,"integrity":"sha512-tK4PheoYJokxop3X9eNgE/ldqU8v0z1KO5NGLxQVCzltjuSSPM++Xj8azBq8B+biQ6MUzzqbcGhjAisj/fmmiQ==","signatures":[{"sig":"MEYCIQDC2HJdaF408zKV/uyEZk19yQHietMPY2+YSCIbWd/tqwIhAJH+ZwwcqYyv6k6xmSIQFpJ3DboPdWgbQhuebLdnPvTo","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":181852},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-vue-0.2.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit"},"_npmUser":{"name":"boogiewoogie","email":"contact@boogie.ro"},"_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\8c13df12e3f694f83474501800ce698b\\bwo-ui-vue-0.2.0.tgz","_integrity":"sha512-tK4PheoYJokxop3X9eNgE/ldqU8v0z1KO5NGLxQVCzltjuSSPM++Xj8azBq8B+biQ6MUzzqbcGhjAisj/fmmiQ==","repository":{"url":"git+https://github.com/YOUR-GITHUB-USER/bwo-ui.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.12.1","description":"Vue 3 components and composables for GSAP-powered motion: SplitReveal, Magnetic, Marquee, FlipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"reka-ui":"^1.0.0-alpha.7","@bwo-ui/core":"0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"vue":">=3.4.0","gsap":">=3.12.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.2.0_1779963168029_0.657403870396637","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@bwo-ui/vue","version":"0.2.1","keywords":["vue","vue3","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/vue@0.2.1","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/vue","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"97e0149f6e537b7f0c4fa2540f4a8d6f09ca1c94","tarball":"https://registry.npmjs.org/@bwo-ui/vue/-/vue-0.2.1.tgz","fileCount":10,"integrity":"sha512-SR5snFFLcAxnqUrYTjHoLeNogYQLErbC1Qx9LQQRgqKs/YLID1hqhNIjDDa8zpu8B8C8SzrXWwJiOoBFTLG8bQ==","signatures":[{"sig":"MEUCIBxggzTLz8GHG89YQbGSKkz8awpAQRGR0ThEevThJ0rjAiEA8pwVM0JRPh6b5qK4tcJFoUcQk0+gOBxPVMJJT5C8b8A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":181840},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-vue-0.2.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit"},"_npmUser":{"name":"boogiewoogie","email":"contact@boogie.ro"},"_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\fe86dc1e170045456c4acc731aa92f46\\bwo-ui-vue-0.2.1.tgz","_integrity":"sha512-SR5snFFLcAxnqUrYTjHoLeNogYQLErbC1Qx9LQQRgqKs/YLID1hqhNIjDDa8zpu8B8C8SzrXWwJiOoBFTLG8bQ==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.12.1","description":"Vue 3 components and composables for GSAP-powered motion: SplitReveal, Magnetic, Marquee, FlipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"reka-ui":"^1.0.0-alpha.7","@bwo-ui/core":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"vue":">=3.4.0","gsap":">=3.12.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.2.1_1779964490311_0.19873164942930255","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@bwo-ui/vue","version":"0.4.0","keywords":["vue","vue3","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/vue@0.4.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/vue","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"48816218348fd0d0749ea01f414d2619ab5b88ac","tarball":"https://registry.npmjs.org/@bwo-ui/vue/-/vue-0.4.0.tgz","fileCount":10,"integrity":"sha512-xAWGvIQLk1hJZ3NhGBkUIP0bdjsev9q6LsBiQBftihHKzuNfIYxMC7OM1Uqm/boqKshsA6Kv4LWQ+O9YO7Gaxw==","signatures":[{"sig":"MEQCICTrfHyLWjvrMUY2Q2d9r2fP+2/5qDyipD+dsE9qf6iaAiBQjeVdYcXUJxkxfFtfwzegqkxyDVgCiOCq4MiI+6tIZg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1134815},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-vue-0.4.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit"},"_npmUser":{"name":"boogiewoogie","email":"contact@boogie.ro"},"_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\ff1b51eb5ca80b3b0c7d3f15402c5f20\\bwo-ui-vue-0.4.0.tgz","_integrity":"sha512-xAWGvIQLk1hJZ3NhGBkUIP0bdjsev9q6LsBiQBftihHKzuNfIYxMC7OM1Uqm/boqKshsA6Kv4LWQ+O9YO7Gaxw==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.12.1","description":"Vue 3 components and composables for GSAP-powered motion: SplitReveal, Magnetic, Marquee, FlipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@bwo-ui/core":"0.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"vue":">=3.4.0","gsap":">=3.12.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.0_1780329059667_0.9221041764196838","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@bwo-ui/vue","version":"0.5.0","keywords":["vue","vue3","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/vue@0.5.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/vue","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"9c2c310cf4da210411e04ff6b538cae9fe6a7a0d","tarball":"https://registry.npmjs.org/@bwo-ui/vue/-/vue-0.5.0.tgz","fileCount":10,"integrity":"sha512-PFMmiKRgCk+XfrJnHTJ1bSHOb8xrI3zaVSvhd1Z2E0dl/VNOjnzzUca9fa4rbkOXwoxUqLfYeG8hvfrpJ8iLgg==","signatures":[{"sig":"MEQCIBg/aQieV3Ge0N6reoDRz4DKQQT1KsAveoYXlV0uA76HAiATevRtSlkKmzH3rCVixbG8VgIw0W9yPiJW58M6YV21fA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1262600},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-vue-0.5.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit"},"_npmUser":{"name":"boogiewoogie","email":"contact@boogie.ro"},"_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\37a681f1908fa3612018fb9c9c3d3fef\\bwo-ui-vue-0.5.0.tgz","_integrity":"sha512-PFMmiKRgCk+XfrJnHTJ1bSHOb8xrI3zaVSvhd1Z2E0dl/VNOjnzzUca9fa4rbkOXwoxUqLfYeG8hvfrpJ8iLgg==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.12.1","description":"Vue 3 components and composables for GSAP-powered motion: SplitReveal, Magnetic, Marquee, FlipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@bwo-ui/core":"0.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"vue":">=3.4.0","gsap":">=3.12.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.5.0_1780342993123_0.7764308289270687","host":"s3://npm-registry-packages-npm-production"}},"0.7.0":{"name":"@bwo-ui/vue","version":"0.7.0","description":"Vue 3 adapter for the bwo-ui kit — ~70 motion + UI components that mirror most of @bwo-ui/react. Ships GSAP-backed motion (Tilt, Ripple, Parallax, SplitReveal, Marquee, Magnetic, Spotlight, MediaZoom, Pin, Stagger, ScrollProgress, plus 12 more) alongside ","license":"MIT","author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/vue","repository":{"type":"git","url":"git+https://github.com/BoogieCode/bwo-ui.git","directory":"packages/vue"},"keywords":["vue","vue3","components","ui","ui-kit","design-system","headless","accessible","gsap","animation","motion","scroll","scroll-trigger","parallax","tilt","ripple","marquee","magnetic","splittext","tokens","dark-mode","bwo-ui"],"type":"module","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css"},"dependencies":{"@bwo-ui/core":"0.7.0"},"peerDependencies":{"gsap":">=3.12.0","vue":">=3.4.0"},"devDependencies":{"gsap":"^3.12.5","tsup":"^8.3.5","typescript":"^5.7.2","vue":"^3.5.13","vitest":"^2.1.8","rimraf":"^6.0.1"},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","typecheck":"tsc --noEmit","test":"vitest run","clean":"rimraf dist .turbo"},"_id":"@bwo-ui/vue@0.7.0","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"_integrity":"sha512-khrn99Yyw5bD2WY8cXMXGmsyBxhHA9X4n/eSJCZxTImsKAamoUmcP5pNt5eBvpGVU7RbYmBLJvu7EmG2uzLfYw==","_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\c8e7b053d4887993cbd105d86eb9909f\\bwo-ui-vue-0.7.0.tgz","_from":"file:bwo-ui-vue-0.7.0.tgz","_nodeVersion":"24.13.1","_npmVersion":"11.12.1","dist":{"integrity":"sha512-khrn99Yyw5bD2WY8cXMXGmsyBxhHA9X4n/eSJCZxTImsKAamoUmcP5pNt5eBvpGVU7RbYmBLJvu7EmG2uzLfYw==","shasum":"05c612dcc9d732eb5558230fa49cdc104b49a48c","tarball":"https://registry.npmjs.org/@bwo-ui/vue/-/vue-0.7.0.tgz","fileCount":10,"unpackedSize":1265994,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBkTPtRVa/FPIp5aEhxMdv/aPLEUcA/MjMm0RCyyLgOgAiBQsUo7izreRfIfkU7ssr48NYViyTmv9ocof1rbZcCSig=="}]},"_npmUser":{"name":"boogiewoogie","email":"contact@boogie.ro"},"directories":{},"maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.7.0_1780514153480_0.4509992077963678"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-28T10:12:47.855Z","modified":"2026-06-03T19:15:53.749Z","0.2.0":"2026-05-28T10:12:48.186Z","0.2.1":"2026-05-28T10:34:50.451Z","0.4.0":"2026-06-01T15:50:59.847Z","0.5.0":"2026-06-01T19:43:13.342Z","0.7.0":"2026-06-03T19:15:53.622Z"},"bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/vue","keywords":["vue","vue3","components","ui","ui-kit","design-system","headless","accessible","gsap","animation","motion","scroll","scroll-trigger","parallax","tilt","ripple","marquee","magnetic","splittext","tokens","dark-mode","bwo-ui"],"repository":{"type":"git","url":"git+https://github.com/BoogieCode/bwo-ui.git","directory":"packages/vue"},"description":"Vue 3 adapter for the bwo-ui kit — ~70 motion + UI components that mirror most of @bwo-ui/react. Ships GSAP-backed motion (Tilt, Ripple, Parallax, SplitReveal, Marquee, Magnetic, Spotlight, MediaZoom, Pin, Stagger, ScrollProgress, plus 12 more) alongside ","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"readme":"# @bwo-ui/vue\n\nVue 3 adapter for the bwo-ui kit — most of the `@bwo-ui/react` surface mirrored as native Vue 3 components and composables. ~70 components covering motion, forms, overlays, layout, and navigation.\n\n> **Heads up**: the React side is the most current of the three adapters. Vue currently lags by a release — 0.6 / 0.7 additions (CircleReveal, ScrollReveal, ScrollMask, ScrollVelocity, ScrollSnap, PageIris, ColorPicker, FileUpload, PinInput, TimePicker, TagInput, HoverCard, SegmentedControl, Confetti, Shake, Squircle, and more) are landing in upcoming minors. Track the roadmap on GitHub.\n\n**Live demos**: [https://ui.boogie.ro](https://ui.boogie.ro)\n\n## Install\n\n```bash\nnpm  i   @bwo-ui/vue gsap\n# or: pnpm add @bwo-ui/vue gsap\n# or: yarn add @bwo-ui/vue gsap\n# or: bun  add @bwo-ui/vue gsap\n```\n\n`gsap` is a peer dependency. `@bwo-ui/core` ships bundled.\n\n```ts\nimport '@bwo-ui/core/styles.css';\n```\n\n## What's in the adapter\n\n### Motion (23)\nSplitReveal · Magnetic · Marquee · FlipList · Parallax · Reveal · CountUp · ScrambleText · TextGlitch · MagneticCursor · Tilt · Spotlight · ScrollProgress · Stagger · GradientText · Ripple · Blur · Pin · Spin · Pulse · Glow · Lean · MediaZoom\n\n### Forms\nButton · IconButton · Input · Textarea · NumberInput · Rate · Select · Checkbox · Switch · Slider · RadioGroup · FormField\n\n### Display\nBadge · Card · Avatar · AvatarGroup · Skeleton · Progress · Alert · Stat · StatGroup · Separator · AppShell · BrandMark\n\n### Layout & navigation\nSimpleGrid · Grid · GridItem · Breadcrumb · Pagination · Stepper · Step · Timeline · FloatingActionButton (FAB) · BottomNavigation · Carousel\n\n### Overlays\nDialog · Popover · Tooltip · Sheet · Tabs · Accordion\n\n## Quick example\n\n```vue\n<script setup lang=\"ts\">\nimport { SplitReveal, Tilt, Button, Card, CardHeader, CardTitle } from '@bwo-ui/vue';\nimport '@bwo-ui/core/styles.css';\n</script>\n\n<template>\n  <Tilt :max=\"10\" :scale=\"1.03\">\n    <Card>\n      <CardHeader>\n        <CardTitle>\n          <SplitReveal type=\"words,chars\" :stagger=\"0.02\">\n            Ship the boogie\n          </SplitReveal>\n        </CardTitle>\n      </CardHeader>\n      <Button variant=\"solid\">Start free</Button>\n    </Card>\n  </Tilt>\n</template>\n```\n\n## What's not here yet\n\nMirroring the latest React additions. Until those land in Vue, you can:\n\n- Drop in the React component via a thin wrapper if your stack supports both\n- Apply the bwo-ui CSS classes (`bwo-btn`, `bwo-input`, etc.) directly to your Vue markup — they work without a wrapper\n- Open an issue on GitHub if a specific component is blocking you and we'll prioritise\n\n## License\n\nMIT © [BOOGIE WOOGIE S.R.L.](https://boogie.ro)\n","readmeFilename":"README.md"}