{"_id":"@bwo-ui/svelte","_rev":"5-c2a7de9d1d98d6a1cda321cece6148bc","name":"@bwo-ui/svelte","dist-tags":{"latest":"0.7.0"},"versions":{"0.2.0":{"name":"@bwo-ui/svelte","version":"0.2.0","keywords":["svelte","svelte5","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/svelte@0.2.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/YOUR-GITHUB-USER/bwo-ui/tree/master/packages/svelte","bugs":{"url":"https://github.com/YOUR-GITHUB-USER/bwo-ui/issues"},"dist":{"shasum":"439ac5aebe701e07508bdddf32a4b719a3b6d0fd","tarball":"https://registry.npmjs.org/@bwo-ui/svelte/-/svelte-0.2.0.tgz","fileCount":10,"integrity":"sha512-GFI3lUP4Xg8Eb1WQcGTRmZ8+HpA0iZ+SHq4SqRTkGnMVgE5eVjBEmDFhocwDZzxuDD5EXy5QMUH8CIgDIEiH0Q==","signatures":[{"sig":"MEUCIExBACFhzBofpkUDcRvtp2NYdegeTeiTc6SLhNQXGnmzAiEAmVm+HpoaKoH2z3SkRUNP/yKqJjkPLtE5Tik9S4BV7Ss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28237},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-svelte-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\\04ad0aa8e998ecdc23fb458647200c1f\\bwo-ui-svelte-0.2.0.tgz","_integrity":"sha512-GFI3lUP4Xg8Eb1WQcGTRmZ8+HpA0iZ+SHq4SqRTkGnMVgE5eVjBEmDFhocwDZzxuDD5EXy5QMUH8CIgDIEiH0Q==","repository":{"url":"git+https://github.com/YOUR-GITHUB-USER/bwo-ui.git","type":"git","directory":"packages/svelte"},"_npmVersion":"11.12.1","description":"Svelte actions for GSAP-powered motion: splitReveal, magnetic, marquee, flipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@bwo-ui/core":"0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","svelte":"^5.2.0","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"gsap":">=3.12.0","svelte":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_0.2.0_1779963168269_0.7834462466713361","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@bwo-ui/svelte","version":"0.2.1","keywords":["svelte","svelte5","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/svelte@0.2.1","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/svelte","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"71800d0bf4ac2567434bd1d09e841208a8185a71","tarball":"https://registry.npmjs.org/@bwo-ui/svelte/-/svelte-0.2.1.tgz","fileCount":10,"integrity":"sha512-jCaCPB5Uv6t9SSj9RHA8IwcauE87DXQoU+TRVlNp5MioL98vaaGbiJL1rJQ5C+hxuWyYBX9SjOmNxgoEOhRqFg==","signatures":[{"sig":"MEYCIQCIhSlEG22+dyibo/5Sv1T341S2BD3nLyMqJ4IB6OCB9QIhAK7hBjPKt1RLm0xehVPYC/+7UHodEI5Cx+3LX1aqewAQ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28222},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-svelte-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\\f4ceb92cf44505d7dae18cd38c3bae14\\bwo-ui-svelte-0.2.1.tgz","_integrity":"sha512-jCaCPB5Uv6t9SSj9RHA8IwcauE87DXQoU+TRVlNp5MioL98vaaGbiJL1rJQ5C+hxuWyYBX9SjOmNxgoEOhRqFg==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/svelte"},"_npmVersion":"11.12.1","description":"Svelte actions for GSAP-powered motion: splitReveal, magnetic, marquee, flipList.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"@bwo-ui/core":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","svelte":"^5.2.0","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"gsap":">=3.12.0","svelte":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_0.2.1_1779964489867_0.9644081563126188","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@bwo-ui/svelte","version":"0.4.0","keywords":["svelte","svelte5","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/svelte@0.4.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/svelte","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"3cbd1e6aa5d4e76d9f497b1d8fcb1215e7ea7639","tarball":"https://registry.npmjs.org/@bwo-ui/svelte/-/svelte-0.4.0.tgz","fileCount":10,"integrity":"sha512-663FUPwwzKqrkCB1c1xLqgLqpcGHVKk/rmb1v/X/IS6uSlXiAVRqmGHGMP9GaulkfDDNF7J/uQcbrQyhDPy6tg==","signatures":[{"sig":"MEUCIQDAzar7EFaT9+IwfEcxLLNFs4oEO5XREUpEZIeGf5Sx2AIgVFJdUkGapwiuIT7QaKnxinGr5q7o+TY68iyEzulv6s8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50497},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-svelte-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\\3bb6b6d54f3a61b3a51b52087c8afd4c\\bwo-ui-svelte-0.4.0.tgz","_integrity":"sha512-663FUPwwzKqrkCB1c1xLqgLqpcGHVKk/rmb1v/X/IS6uSlXiAVRqmGHGMP9GaulkfDDNF7J/uQcbrQyhDPy6tg==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/svelte"},"_npmVersion":"11.12.1","description":"Svelte actions 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":{"gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","svelte":"^5.2.0","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"gsap":">=3.12.0","svelte":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_0.4.0_1780329058696_0.5109740557813875","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@bwo-ui/svelte","version":"0.5.0","keywords":["svelte","svelte5","gsap","animation","motion","scroll","marquee","magnetic","flip"],"author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"license":"MIT","_id":"@bwo-ui/svelte@0.5.0","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/svelte","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"dist":{"shasum":"2f4dc3755790362cd31f6ddb16088365847a6636","tarball":"https://registry.npmjs.org/@bwo-ui/svelte/-/svelte-0.5.0.tgz","fileCount":10,"integrity":"sha512-QNVtP7/F1w+Ou3BBp+E/4nL70pNTeZo2iH04XQ5rjBQp351+5p7eJDPcS9nZ2jiXeR/+zMj0nY/e0AAj3GW++w==","signatures":[{"sig":"MEUCIQCAjDgPLM+BkPS0TpYkkIocqAchvCBUxritdhSCK0i4IgIgPESfqaAy2D8ZGAtDG4NRvIJ+qkWtr8XY0oV3OFv1hjE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50497},"main":"./dist/index.cjs","type":"module","_from":"file:bwo-ui-svelte-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\\9c710c1f682b4c54bff833278ca966b9\\bwo-ui-svelte-0.5.0.tgz","_integrity":"sha512-QNVtP7/F1w+Ou3BBp+E/4nL70pNTeZo2iH04XQ5rjBQp351+5p7eJDPcS9nZ2jiXeR/+zMj0nY/e0AAj3GW++w==","repository":{"url":"git+https://github.com/BoogieCode/bwo-ui.git","type":"git","directory":"packages/svelte"},"_npmVersion":"11.12.1","description":"Svelte actions 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":{"gsap":"^3.12.5","tsup":"^8.3.5","rimraf":"^6.0.1","svelte":"^5.2.0","vitest":"^2.1.8","typescript":"^5.7.2"},"peerDependencies":{"gsap":">=3.12.0","svelte":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_0.5.0_1780342992729_0.6032699448787489","host":"s3://npm-registry-packages-npm-production"}},"0.7.0":{"name":"@bwo-ui/svelte","version":"0.7.0","description":"Svelte 4 / Svelte 5 adapter for the bwo-ui kit — 15 GSAP-backed motion actions (splitReveal, magnetic, marquee, flipList, parallax, scrambleText, magneticCursor, tilt, spotlight, scrollProgress, stagger, gradientText, ripple, blur, pin) you compose with u","license":"MIT","author":{"name":"BOOGIE WOOGIE S.R.L.","email":"contact@boogie.ro"},"homepage":"https://github.com/BoogieCode/bwo-ui/tree/master/packages/svelte","repository":{"type":"git","url":"git+https://github.com/BoogieCode/bwo-ui.git","directory":"packages/svelte"},"keywords":["svelte","svelte5","sveltekit","components","ui","ui-kit","design-system","headless","accessible","actions","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","svelte":">=4.0.0"},"devDependencies":{"gsap":"^3.12.5","svelte":"^5.2.0","tsup":"^8.3.5","typescript":"^5.7.2","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/svelte@0.7.0","bugs":{"url":"https://github.com/BoogieCode/bwo-ui/issues"},"_integrity":"sha512-eGHrx07MUYOxjn7GTVDqy4VKycsqDFPyeROQflmSrCeS4UMGg03k4fNlgLD11qlMwsnMwZtcJLE5Arc7TaFJww==","_resolved":"C:\\Users\\CRISTI~2\\AppData\\Local\\Temp\\85de15d0c078bcc999ce501bba59367a\\bwo-ui-svelte-0.7.0.tgz","_from":"file:bwo-ui-svelte-0.7.0.tgz","_nodeVersion":"24.13.1","_npmVersion":"11.12.1","dist":{"integrity":"sha512-eGHrx07MUYOxjn7GTVDqy4VKycsqDFPyeROQflmSrCeS4UMGg03k4fNlgLD11qlMwsnMwZtcJLE5Arc7TaFJww==","shasum":"c4b335160785e3b2a765564b6a705702eb8de2dc","tarball":"https://registry.npmjs.org/@bwo-ui/svelte/-/svelte-0.7.0.tgz","fileCount":10,"unpackedSize":52273,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGVuI/4tnEhQyz+B8dfUzyLTjP4KoGwIOJHZX7M5rR7VAiEAssIdrkaUmKEb96AASTYO6Nh88HNmaMeoOag7KZiTcRI="}]},"_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/svelte_0.7.0_1780514168252_0.4444954624418578"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-28T10:12:48.093Z","modified":"2026-06-03T19:16:08.575Z","0.2.0":"2026-05-28T10:12:48.404Z","0.2.1":"2026-05-28T10:34:50.003Z","0.4.0":"2026-06-01T15:50:58.840Z","0.5.0":"2026-06-01T19:43:12.890Z","0.7.0":"2026-06-03T19:16:08.432Z"},"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/svelte","keywords":["svelte","svelte5","sveltekit","components","ui","ui-kit","design-system","headless","accessible","actions","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/svelte"},"description":"Svelte 4 / Svelte 5 adapter for the bwo-ui kit — 15 GSAP-backed motion actions (splitReveal, magnetic, marquee, flipList, parallax, scrambleText, magneticCursor, tilt, spotlight, scrollProgress, stagger, gradientText, ripple, blur, pin) you compose with u","maintainers":[{"name":"boogiewoogie","email":"contact@boogie.ro"}],"readme":"# @bwo-ui/svelte\n\nSvelte 4 / Svelte 5 adapter for the bwo-ui kit — **15 GSAP-backed motion actions** you compose with `use:`, plus the **class-based UI library** you apply directly to your own Svelte markup.\n\n> **Heads up**: native Svelte stateful components (Dialog, Popover, Select, Combobox, etc.) are on the roadmap. Today, anything stateful needs to be assembled from Svelte's primitives + the bwo-ui class names. The motion actions and the class kit are production-ready.\n\n**Live demos**: [https://ui.boogie.ro](https://ui.boogie.ro)\n\n## Install\n\n```bash\nnpm  i   @bwo-ui/svelte gsap\n# or: pnpm add @bwo-ui/svelte gsap\n# or: yarn add @bwo-ui/svelte gsap\n# or: bun  add @bwo-ui/svelte gsap\n```\n\n`gsap` is a peer dependency.\n\n```ts\nimport '@bwo-ui/svelte/styles.css';\n```\n\n## Two ways to use it\n\n### 1. Motion actions\n\nIdiomatic Svelte — attach behaviour to elements with `use:` directives, no wrapper DOM.\n\n```svelte\n<script lang=\"ts\">\n  import { splitReveal, magnetic, marquee, flipList, tilt, ripple } from '@bwo-ui/svelte';\n  import '@bwo-ui/svelte/styles.css';\n\n  let items = $state([1, 2, 3, 4]);\n  const shuffle = () => (items = [...items].sort(() => Math.random() - 0.5));\n</script>\n\n<h1 use:splitReveal={{ type: 'words,chars', stagger: 0.02 }}>\n  Your shortcut to a beautiful UI.\n</h1>\n\n<button use:magnetic={{ strength: 0.4 }} use:ripple class=\"bwo-btn\">\n  Get started\n</button>\n\n<div use:marquee={{ speed: 120 }}>\n  <span class=\"bwo-badge\">One</span>\n  <span class=\"bwo-badge\">Two</span>\n  <span class=\"bwo-badge\">Three</span>\n</div>\n\n<button on:click={shuffle} class=\"bwo-btn bwo-btn--ghost\">Shuffle</button>\n<div use:flipList={{ flipKey: items.join(',') }} class=\"flip-grid\">\n  {#each items as n (n)}\n    <div use:tilt={{ max: 8 }} class=\"flip-tile\">{n}</div>\n  {/each}\n</div>\n```\n\n#### Action exports\n\n`splitReveal` · `magnetic` · `marquee` · `flipList` · `parallax` · `scrambleText` · `magneticCursor` · `tilt` · `spotlight` · `scrollProgress` · `stagger` · `gradientText` · `ripple` · `blur` · `pin`\n\nEach accepts the same option shape as its `@bwo-ui/core` factory.\n\n### 2. UI styles via classes\n\nFor stateless UI (buttons, inputs, badges, cards, etc.), apply the bwo-ui class names directly to your own Svelte markup. There's no Svelte component wrapper needed — Svelte's templates already give you full control.\n\n```svelte\n<script lang=\"ts\">\n  import '@bwo-ui/svelte/styles.css';\n</script>\n\n<button class=\"bwo-btn\">Primary</button>\n<button class=\"bwo-btn bwo-btn--green\">Green</button>\n<button class=\"bwo-btn bwo-btn--ghost\">Ghost</button>\n<button class=\"bwo-btn bwo-btn--outline\">Outline</button>\n\n<input class=\"bwo-input\" placeholder=\"Type something…\" />\n<textarea class=\"bwo-textarea\" rows=\"3\" />\n\n<span class=\"bwo-badge bwo-badge--solid\">New</span>\n<span class=\"bwo-badge bwo-badge--soft\">Beta</span>\n<span class=\"bwo-badge bwo-badge--green\">Live</span>\n\n<div class=\"bwo-card\">\n  <h3 class=\"bwo-card-title\">Title</h3>\n  <p class=\"bwo-card-description\">Description</p>\n</div>\n```\n\nThe full class catalogue lives at [ui.boogie.ro](https://ui.boogie.ro) — every component page documents the matching class names.\n\n## Roadmap\n\nNative Svelte 5 stateful components (Dialog, Popover, Tooltip, Select, Combobox, Tabs, Accordion, Toast) are planned for the next minor. For now, assemble them from Svelte's primitives + the bwo-ui CSS classes.\n\nTrack progress on [GitHub](https://github.com/BoogieCode/bwo-ui).\n\n## License\n\nMIT © [BOOGIE WOOGIE S.R.L.](https://boogie.ro)\n","readmeFilename":"README.md"}