[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

Configure Feed

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

refactor

Florian (Mar 22, 2025, 4:45 AM +0100) c010f304 d05335b8

+6 -19
+1 -1
src/docs/site-components/Navbar.svelte
··· 29 29 30 30 <Logo class={showLogo ? 'lg:ml-5' : 'lg:hidden'} /> 31 31 </div> 32 - <div class="flex items-end gap-4"> 32 + <div class="flex items-end gap-3"> 33 33 <ThemeSelectDropdown /> 34 34 <ThemeToggle /> 35 35
+3 -2
src/lib/components/base/theme-toggle/ThemeToggle.svelte
··· 61 61 className 62 62 )} 63 63 {...restProps} 64 + size="icon" 64 65 > 65 66 <svg 66 67 xmlns="http://www.w3.org/2000/svg" ··· 68 69 viewBox="0 0 24 24" 69 70 stroke-width="1.5" 70 71 stroke="currentColor" 71 - class="block size-6! transition-colors duration-500 dark:hidden" 72 + class="block size-5! transition-colors duration-500 dark:hidden" 72 73 > 73 74 <path 74 75 stroke-linecap="round" ··· 82 83 viewBox="0 0 24 24" 83 84 stroke-width="1.5" 84 85 stroke="currentColor" 85 - class="hidden size-6! transition-colors duration-500 dark:block dark:text-white" 86 + class="hidden size-5! transition-colors duration-500 dark:block dark:text-white" 86 87 > 87 88 <path 88 89 stroke-linecap="round"
+1 -1
src/lib/components/extra/social-icons/Github.svelte
··· 30 30 xmlns="http://www.w3.org/2000/svg" 31 31 fill="currentColor" 32 32 aria-hidden="true" 33 - class={['size-6', svgClasses]} 33 + class={['size-5', svgClasses]} 34 34 ><path 35 35 d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" 36 36 /></svg
src/routes/components/+layout.svelte src/routes/(main)/+layout.svelte
src/routes/components/3d/depth-3d/+page.svelte src/routes/(main)/components/3d/depth-3d/+page.svelte
src/routes/components/3d/model-picker/+page.svelte src/routes/(main)/components/3d/model-picker/+page.svelte
src/routes/components/3d/voxel-art/+page.svelte src/routes/(main)/components/3d/voxel-art/+page.svelte
src/routes/components/audio-video/audio-visualizer/+page.svelte src/routes/(main)/components/audio-video/audio-visualizer/+page.svelte
src/routes/components/audio-video/video-player/+page.svelte src/routes/(main)/components/audio-video/video-player/+page.svelte
src/routes/components/audio-video/waveform-audio-player/+page.svelte src/routes/(main)/components/audio-video/waveform-audio-player/+page.svelte
src/routes/components/base/accordion/+page.svelte src/routes/(main)/components/base/accordion/+page.svelte
src/routes/components/base/accordion/Accordion.md src/routes/(main)/components/base/accordion/Accordion.md
src/routes/components/base/alert/+page.svelte src/routes/(main)/components/base/alert/+page.svelte
src/routes/components/base/alert/Alert.md src/routes/(main)/components/base/alert/Alert.md
src/routes/components/base/avatar/+page.svelte src/routes/(main)/components/base/avatar/+page.svelte
src/routes/components/base/avatar/Avatar.md src/routes/(main)/components/base/avatar/Avatar.md
src/routes/components/base/badge/+page.svelte src/routes/(main)/components/base/badge/+page.svelte
src/routes/components/base/badge/Badge.md src/routes/(main)/components/base/badge/Badge.md
src/routes/components/base/box/+page.svelte src/routes/(main)/components/base/box/+page.svelte
src/routes/components/base/box/Box.md src/routes/(main)/components/base/box/Box.md
src/routes/components/base/button/+page.svelte src/routes/(main)/components/base/button/+page.svelte
src/routes/components/base/button/Button.md src/routes/(main)/components/base/button/Button.md
src/routes/components/base/cards/+page.svelte src/routes/(main)/components/base/cards/+page.svelte
src/routes/components/base/cards/Cards.md src/routes/(main)/components/base/cards/Cards.md
src/routes/components/base/chat-bubble/+page.svelte src/routes/(main)/components/base/chat-bubble/+page.svelte
src/routes/components/base/chat-bubble/ChatBubble.md src/routes/(main)/components/base/chat-bubble/ChatBubble.md
src/routes/components/base/checkbox/+page.svelte src/routes/(main)/components/base/checkbox/+page.svelte
src/routes/components/base/checkbox/Checkbox.md src/routes/(main)/components/base/checkbox/Checkbox.md
src/routes/components/base/head/+page.svelte src/routes/(main)/components/base/head/+page.svelte
src/routes/components/base/head/Head.md src/routes/(main)/components/base/head/Head.md
src/routes/components/base/image/+page.svelte src/routes/(main)/components/base/image/+page.svelte
src/routes/components/base/image/Image.md src/routes/(main)/components/base/image/Image.md
src/routes/components/base/input/+page.svelte src/routes/(main)/components/base/input/+page.svelte
src/routes/components/base/input/Input.md src/routes/(main)/components/base/input/Input.md
src/routes/components/base/modal/+page.svelte src/routes/(main)/components/base/modal/+page.svelte
src/routes/components/base/modal/Modal.md src/routes/(main)/components/base/modal/Modal.md
src/routes/components/base/number-input/+page.svelte src/routes/(main)/components/base/number-input/+page.svelte
src/routes/components/base/number-input/NumberInput.md src/routes/(main)/components/base/number-input/NumberInput.md
src/routes/components/base/progress/+page.svelte src/routes/(main)/components/base/progress/+page.svelte
src/routes/components/base/prose/+page.svelte src/routes/(main)/components/base/prose/+page.svelte
src/routes/components/base/prose/Prose.md src/routes/(main)/components/base/prose/Prose.md
src/routes/components/base/scroll-area/+page.svelte src/routes/(main)/components/base/scroll-area/+page.svelte
src/routes/components/base/scroll-area/ScrollArea.md src/routes/(main)/components/base/scroll-area/ScrollArea.md
src/routes/components/base/select/+page.svelte src/routes/(main)/components/base/select/+page.svelte
src/routes/components/base/select/Example.svelte src/routes/(main)/components/base/select/Example.svelte
src/routes/components/base/select/Select.md src/routes/(main)/components/base/select/Select.md
src/routes/components/base/slider/+page.svelte src/routes/(main)/components/base/slider/+page.svelte
src/routes/components/base/slider/Example.svelte src/routes/(main)/components/base/slider/Example.svelte
src/routes/components/base/slider/Slider.md src/routes/(main)/components/base/slider/Slider.md
src/routes/components/base/sonner/+page.svelte src/routes/(main)/components/base/sonner/+page.svelte
src/routes/components/base/sonner/Sonner.md src/routes/(main)/components/base/sonner/Sonner.md
src/routes/components/base/switch/+page.svelte src/routes/(main)/components/base/switch/+page.svelte
src/routes/components/base/switch/Switch.md src/routes/(main)/components/base/switch/Switch.md
src/routes/components/base/textarea/+page.svelte src/routes/(main)/components/base/textarea/+page.svelte
src/routes/components/base/textarea/Textarea.md src/routes/(main)/components/base/textarea/Textarea.md
src/routes/components/base/tooltip/+page.svelte src/routes/(main)/components/base/tooltip/+page.svelte
src/routes/components/base/tooltip/Tooltip.md src/routes/(main)/components/base/tooltip/Tooltip.md
src/routes/components/extras/color-gradient-picker/+page.svelte src/routes/(main)/components/extras/color-gradient-picker/+page.svelte
src/routes/components/extras/color-picker/+page.svelte src/routes/(main)/components/extras/color-picker/+page.svelte
src/routes/components/extras/color-picker/ColorPicker.md src/routes/(main)/components/extras/color-picker/ColorPicker.md
src/routes/components/extras/color-picker/Example.svelte src/routes/(main)/components/extras/color-picker/Example.svelte
src/routes/components/extras/color-select/+page.svelte src/routes/(main)/components/extras/color-select/+page.svelte
src/routes/components/extras/color-select/ColorSelect.md src/routes/(main)/components/extras/color-select/ColorSelect.md
src/routes/components/extras/color-select/Example.svelte src/routes/(main)/components/extras/color-select/Example.svelte
src/routes/components/extras/countdown/+page.svelte src/routes/(main)/components/extras/countdown/+page.svelte
src/routes/components/extras/excalidraw/+page.svelte src/routes/(main)/components/extras/excalidraw/+page.svelte
src/routes/components/extras/excalidraw/Example.svelte src/routes/(main)/components/extras/excalidraw/Example.svelte
src/routes/components/extras/excalidraw/Excalidraw.md src/routes/(main)/components/extras/excalidraw/Excalidraw.md
src/routes/components/extras/pdf-viewer/+page.svelte src/routes/(main)/components/extras/pdf-viewer/+page.svelte
src/routes/components/extras/phone/+page.svelte src/routes/(main)/components/extras/phone/+page.svelte
src/routes/components/extras/phone/Example.svelte src/routes/(main)/components/extras/phone/Example.svelte
src/routes/components/extras/phone/Phone.md src/routes/(main)/components/extras/phone/Phone.md
src/routes/components/extras/quote/+page.svelte src/routes/(main)/components/extras/quote/+page.svelte
src/routes/components/extras/quote/Example.svelte src/routes/(main)/components/extras/quote/Example.svelte
src/routes/components/extras/quote/Quote.md src/routes/(main)/components/extras/quote/Quote.md
src/routes/components/extras/stopwatch/+page.svelte src/routes/(main)/components/extras/stopwatch/+page.svelte
src/routes/components/extras/stopwatch/Example.svelte src/routes/(main)/components/extras/stopwatch/Example.svelte
src/routes/components/extras/stopwatch/Stopwatch.md src/routes/(main)/components/extras/stopwatch/Stopwatch.md
src/routes/components/extras/swiper-cards/+page.svelte src/routes/(main)/components/extras/swiper-cards/+page.svelte
src/routes/components/extras/timer/+page.svelte src/routes/(main)/components/extras/timer/+page.svelte
src/routes/components/extras/timer/Example.svelte src/routes/(main)/components/extras/timer/Example.svelte
src/routes/components/extras/timer/Timer.md src/routes/(main)/components/extras/timer/Timer.md
src/routes/components/extras/undraw/+page.svelte src/routes/(main)/components/extras/undraw/+page.svelte
src/routes/components/extras/undraw/Example.svelte src/routes/(main)/components/extras/undraw/Example.svelte
src/routes/components/extras/undraw/Undraw.md src/routes/(main)/components/extras/undraw/Undraw.md
src/routes/components/graphs/heatmap/+page.svelte src/routes/(main)/components/graphs/heatmap/+page.svelte
src/routes/components/graphs/line-graph/+page.svelte src/routes/(main)/components/graphs/line-graph/+page.svelte
src/routes/components/graphs/ring-chart/+page.svelte src/routes/(main)/components/graphs/ring-chart/+page.svelte
src/routes/components/social/following-pointer/+page.svelte src/routes/(main)/components/social/following-pointer/+page.svelte
src/routes/components/social/github-corner/+page.svelte src/routes/(main)/components/social/github-corner/+page.svelte
src/routes/components/social/post/+page.svelte src/routes/(main)/components/social/post/+page.svelte
src/routes/components/social/social-icons/+page.svelte src/routes/(main)/components/social/social-icons/+page.svelte
src/routes/components/social/star-rating/+page.svelte src/routes/(main)/components/social/star-rating/+page.svelte
src/routes/components/visual/gradient/+page.svelte src/routes/(main)/components/visual/gradient/+page.svelte
-15
src/routes/docs/+layout.svelte
··· 1 - <script lang="ts"> 2 - import Navbar from '$docs/site-components/Navbar.svelte'; 3 - import Sidebar from '$docs/site-components/Sidebar.svelte'; 4 - import Container from '$docs/site-components/Container.svelte'; 5 - import { Button } from '$lib'; 6 - 7 - let { children } = $props(); 8 - </script> 9 - 10 - <Navbar hasSidebar showLogo={false} /> 11 - <Sidebar /> 12 - 13 - <Container id="content"> 14 - {@render children()} 15 - </Container>
src/routes/docs/philosophy/+page.svelte src/routes/(main)/docs/philosophy/+page.svelte
+1
src/routes/docs/philosophy/Philosophy.md src/routes/(main)/docs/philosophy/Philosophy.md
··· 50 50 ### extras 51 51 52 52 - [quote](/ui-kit/components/extras/quote/) 53 + - [swiper cards](/ui-kit/components/extras/swiper-cards/) 53 54 54 55 ### social 55 56
src/routes/docs/quick-start/+page.svelte src/routes/(main)/docs/quick-start/+page.svelte
src/routes/docs/quick-start/QuickStart.md src/routes/(main)/docs/quick-start/QuickStart.md
src/routes/docs/theme/+page.svelte src/routes/(main)/docs/theme/+page.svelte