flo-bit.dev / ui-kit
[READ-ONLY] Mirror of https://github.com/flo-bit/ui-kit. 🦊 fox ui, svelte 5 and tailwind 4 flo-bit.dev/ui-kit/
svelte tailwindcss ui-components
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

move stuff to peer deps

Florian (Mar 12, 2026, 9:53 AM +0100) 119b2172 0f37cec0

+27 -16
+11
.changeset/public-cats-float.md
··· 1 + --- 2 + '@foxui/colors': minor 3 + '@foxui/social': minor 4 + '@foxui/visual': minor 5 + '@foxui/core': minor 6 + '@foxui/text': minor 7 + '@foxui/time': minor 8 + '@foxui/3d': minor 9 + --- 10 + 11 + move stuff to peer deps
+1 -1
apps/docs/src/lib/docs/text/block-type-menu/Example.svelte
··· 5 5 let editor = $state<Readable<SvelteTiptap.Editor>>(); 6 6 </script> 7 7 8 - <Box class="not-prose space-y-2"> 8 + <Box> 9 9 {#if $editor} 10 10 <BlockTypeMenu {editor} /> 11 11 {/if}
+2 -2
apps/docs/src/routes/(main)/docs/quick-start/QuickStart.md
··· 17 17 ## 2. Install the core fox ui components by running: 18 18 19 19 ```bash 20 - npm install @foxui/core 20 + npm install @foxui/core bits-ui mode-watcher svelte-sonner @number-flow/svelte 21 21 ``` 22 22 23 23 ## 3. Set theme variables in your `app.css` ··· 74 74 Simply install a package when you need it, or you can install all of them with: 75 75 76 76 ```bash 77 - npm install @foxui/core @foxui/3d @foxui/colors @foxui/social @foxui/text @foxui/time @foxui/visual 77 + npm install @foxui/core @foxui/3d @foxui/colors @foxui/social @foxui/text @foxui/time @foxui/visual bits-ui mode-watcher svelte-sonner @number-flow/svelte 78 78 ``` 79 79 80 80 ### Dark mode
+1 -1
packages/3d/package.json
··· 72 72 "@threlte/core": "^8.4.0", 73 73 "@threlte/extras": "^9.8.1", 74 74 "@types/three": "^0.183.1", 75 - "bits-ui": "^2.16.2", 76 75 "three": "^0.183.1" 77 76 }, 78 77 "peerDependencies": { 78 + "bits-ui": "^2.16.2", 79 79 "svelte": ">=5", 80 80 "tailwindcss": ">=3" 81 81 },
+2 -2
packages/colors/package.json
··· 72 72 "dependencies": { 73 73 "@foxui/core": "workspace:*", 74 74 "@texel/color": "^1.1.11", 75 - "@use-gesture/vanilla": "^10.3.1", 76 - "bits-ui": "^2.16.2" 75 + "@use-gesture/vanilla": "^10.3.1" 77 76 }, 78 77 "peerDependencies": { 78 + "bits-ui": "^2.16.2", 79 79 "svelte": ">=5", 80 80 "tailwindcss": ">=3" 81 81 },
+4 -4
packages/core/package.json
··· 68 68 "vite": "^7.3.1" 69 69 }, 70 70 "dependencies": { 71 - "@number-flow/svelte": "^0.3.12", 72 - "bits-ui": "^2.16.2", 73 71 "clsx": "^2.1.1", 74 72 "dompurify": "^3.3.1", 75 - "mode-watcher": "^1.1.0", 76 - "svelte-sonner": "^1.0.7", 77 73 "tailwind-merge": "^3.5.0", 78 74 "tailwind-variants": "^3.2.2", 79 75 "web-haptics": "^0.0.6" 80 76 }, 81 77 "peerDependencies": { 78 + "@number-flow/svelte": "^0.3.12", 79 + "bits-ui": "^2.16.2", 80 + "mode-watcher": "^1.1.0", 82 81 "svelte": ">=5", 82 + "svelte-sonner": "^1.0.7", 83 83 "tailwindcss": ">=3" 84 84 }, 85 85 "keywords": [
+1 -1
packages/social/package.json
··· 74 74 "@foxui/text": "workspace:*", 75 75 "@foxui/time": "workspace:*", 76 76 "@use-gesture/vanilla": "^10.3.1", 77 - "bits-ui": "^2.16.2", 78 77 "emoji-picker-element": "^1.29.0", 79 78 "hls.js": "^1.6.15", 80 79 "is-emoji-supported": "^0.0.5", 81 80 "plyr": "^3.8.4" 82 81 }, 83 82 "peerDependencies": { 83 + "bits-ui": "^2.16.2", 84 84 "svelte": ">=5", 85 85 "tailwindcss": ">=3" 86 86 },
+1 -1
packages/text/package.json
··· 89 89 "@tiptap/pm": "^3.20.0", 90 90 "@tiptap/starter-kit": "^3.20.0", 91 91 "@tiptap/suggestion": "^3.20.0", 92 - "bits-ui": "^2.16.2", 93 92 "lowlight": "^3.3.0", 94 93 "state": "link:@tiptap/pm/state", 95 94 "svelte-tiptap": "^3.0.1" 96 95 }, 97 96 "peerDependencies": { 97 + "bits-ui": "^2.16.2", 98 98 "svelte": ">=5", 99 99 "tailwindcss": ">=3" 100 100 },
+3 -3
packages/time/package.json
··· 68 68 "vite": "^7.3.1" 69 69 }, 70 70 "dependencies": { 71 - "@foxui/core": "workspace:*", 72 - "@number-flow/svelte": "^0.3.12", 73 - "bits-ui": "^2.16.2" 71 + "@foxui/core": "workspace:*" 74 72 }, 75 73 "peerDependencies": { 74 + "@number-flow/svelte": "^0.3.12", 75 + "bits-ui": "^2.16.2", 76 76 "svelte": ">=5", 77 77 "tailwindcss": ">=3" 78 78 },
+1 -1
packages/visual/package.json
··· 71 71 "dependencies": { 72 72 "@foxui/colors": "workspace:*", 73 73 "@foxui/core": "workspace:*", 74 - "bits-ui": "^2.16.2", 75 74 "canvas-confetti": "^1.9.4", 76 75 "cheerio": "^1.2.0" 77 76 }, 78 77 "peerDependencies": { 78 + "bits-ui": "^2.16.2", 79 79 "svelte": ">=5", 80 80 "tailwindcss": ">=3" 81 81 },