Shin
LightNews LightNews
banner
codewithshin.com
Shin
@codewithshin.com
120 followers 220 following 140 posts
🛠️ Building open-source libraries.
Dev and maintainer of Flowbite-Svelte, Svelte SVG icon sets, Svelte 5 UI Lib.
https://www.codewithshin.com/
#svelte #javascript #terminal #webapp
Posts Replies Media Videos
codewithshin.com
Flowbite-Svelte@1.27.0 is published with a new community-contributed component, ClipboardManager.
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
Svelte Clipboard Manager
A versatile clipboard manager component for saving, organizing, and reusing text snippets. Features include persistent storage, search, pinning, text selection menu, sensitive data filtering, and opti...
flowbite-svelte.com
November 11, 2025 at 5:14 AM
codewithshin.com
#svelte Discovered that this command makes sv check skip the testdir subdirectory inside src/routes:

npx sv check --ignore "src/routes/testdir,dist,build" --no-tsconfig
November 9, 2025 at 4:13 PM
codewithshin.com
Flowbite-Svelte@1.26.0 is published. Spinner now supports multiple visual variants: dots, bars, pulse, orbit, plus the existing default.
flowbite-svelte.com/docs/compone...
Svelte Spinner - Flowbite
Use the spinner component as a loader indicator in your projects when fetching data based on an animated SVG
flowbite-svelte.com
November 8, 2025 at 5:55 AM
codewithshin.com
Flowbite-Svelte@1.25.0 is out — introducing VirtualMasonry, a virtualized masonry/Pinterest layout for large datasets. Efficient, responsive, and smooth scrolling.
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
Svelte Virtual Masonry
A virtualized Svelte component rendering an efficient masonry/Pinterest layout. It calculates item positions and uses windowing (overscan) to display only visible items from a large dataset, optimizin...
flowbite-svelte.com
November 8, 2025 at 5:47 AM
codewithshin.com
Kept getting “No Internet” when refreshing my SvelteKit project with DevTools open.
Switched Chrome DevTools’ network preset to Fast 4G, and suddenly everything works again. Weird, but hey — fixed it. 😅
November 7, 2025 at 10:41 AM
codewithshin.com
Flowbite-Svelte@1.24.0 just published — introducing ScrollSpy, a new community component.

A11y-friendly sticky navigation that highlights active sections while scrolling - great for docs or long-form pages.

Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
Svelte Scroll Spy
A navigation component that tracks scroll position and highlights the currently visible section. Supports smooth scrolling, sticky positioning, custom scroll containers, offset handling, and active st...
flowbite-svelte.com
November 7, 2025 at 5:24 AM
codewithshin.com
📦 Flowbite-Svelte 1.23.0 shipped!
New component: CommandPalette
✅ Fuzzy search
✅ Cmd/Ctrl + K shortcut
✅ Arrow + Vim key navigation
✅ Filter by label/description/keywords
✅ Themeable + fully accessible

Demo: flowbite-svelte.com/docs-example...
API reference: flowbite-svelte.com/docs/extend/...
Svelte Command Palette
A keyboard-driven command palette component with fuzzy search, vim-style navigation support, and customizable theming. Features include shortcut key activation (Cmd/Ctrl+K), arrow/vim key navigation, ...
flowbite-svelte.com
November 5, 2025 at 6:20 AM
codewithshin.com
🤯 Just learned you can add your own keyboard shortcuts in Chrome via Site Search (chrome://settings/searchEngines). This is going to save me so much time. Super useful for localhost ports, dev tools, docs, etc. I just need to type 8080 or 5173. 👍
November 5, 2025 at 6:07 AM
codewithshin.com
Flowbite-Svelte@1.22.0 is published with a new component Tour. flowbite-svelte.com/docs-example...
A guided product tour component that highlights elements, supports step navigation with keyboard controls, overlay masking, smooth scrolling, theming, and more.
flowbite-svelte.com/docs/extend/...
Svelte Tour
A guided product tour component that highlights elements, supports step navigation with keyboard controls, overlay masking, smooth scrolling, theming, and callbacks for skipping or completing the tour...
flowbite-svelte.com
November 3, 2025 at 12:29 PM
codewithshin.com
Flowbite-Svelte@1.21.0 is published with a new component SplitPane. A flexible Svelte 5 component for creating resizable split panes with drag-to-resize, keyboard navigation, responsive layouts, and nested configurations... flowbite-svelte.com/docs-example...
November 2, 2025 at 1:06 PM
codewithshin.com
Just finished my weekly Svelte projects maintenance sprint ✅
All my Svelte projects updated in one shot using svelte-next 😎
svelte-next.codewithshin.com
November 1, 2025 at 8:18 AM
codewithshin.com
Flowbite-Svelte@1.20.0 is published with a new component KanbanBoard.
A fully responsive, drag-and-drop Kanban board component built with Svelte 5 and Tailwind CSS v4. Features vertical stacking on mobile, grid layout on larger screens, and more.
flowbite-svelte.com/docs/extend/...
Svelte Kanban Board
A fully responsive, drag-and-drop Kanban board component built with Svelte 5 and Tailwind CSS v4. Features vertical stacking on mobile, grid layout on larger screens, customizable column colors, card ...
flowbite-svelte.com
October 29, 2025 at 9:09 AM
codewithshin.com
🚀 Added a new Virtual List component to Flowbite-Svelte!
Perfect for efficiently rendering large lists in Svelte apps.
👉 flowbite-svelte.com/docs/extend/...

#Svelte #FlowbiteSvelte
Svelte Virtual List
A performant Svelte 5 virtual list component that efficiently renders large datasets by only displaying visible items. Supports variable item heights, smooth scrolling with RAF optimization, and progr...
flowbite-svelte.com
October 29, 2025 at 6:55 AM
codewithshin.com
Enabled "noUnusedLocals": true and "noUnusedParameters": true in tsconfig.json to catch unused variables and parameters. Honestly, this should be the default.
October 26, 2025 at 10:07 AM
codewithshin.com
Svelte Responsive Image Tag (SRIT) makes it easy to create responsive images with automatic format selection based on browser support. It is updated for Svelte5/SvelteKit2.

srit.codewithshin.com
The above image is created by the following in a Svelte file:
srit.codewithshin.com
July 17, 2025 at 10:12 AM
codewithshin.com
Flowbite-Svelte@v1.10.0 also adds the EnhancedImg component. flowbite-svelte.com/docs/typogra...

Svelte Images - Flowbite
The image component can be used to embed images inside the web page in articles and sections based on multiple styles, sizes, layouts and hover animations
flowbite-svelte.com
July 14, 2025 at 4:19 PM
codewithshin.com
Flowbite-Svelte v1.10.0 is out now!
Introducing the new ThemeProvider component — making it easier to manage themes across your app.
Check it out: flowbite-svelte.com/docs/pages/t...
ThemeProvider - Flowbite Svelte
The ThemeProvider component allows you to customize the styling of Flowbite-Svelte components by providing theme configurations through Svelte's context system. This enables consistent theming across ...
flowbite-svelte.com
July 14, 2025 at 3:31 PM
codewithshin.com
New release: Flowbite-Svelte v1.9.0
What’s new?
- Modal improvements
- Datepicker updates
- Bug fixes & more

flowbite-svelte.com
Flowbite Svelte - UI Component Library
Flowbite Svelte is an open-source UI component library built with Svelte components, Tailwind CSS utility classes and based on the Flowbite design system and components.
flowbite-svelte.com
July 10, 2025 at 7:09 AM
codewithshin.com
EditableButton to enable or disable editing mode is now available in @flowbite-svelte-plugins/texteditor@v0.23.0.
flowbite-svelte.com/docs/plugins...
July 4, 2025 at 1:42 PM
codewithshin.com
Every feature in Flowbite-Svelte’s TextEditor is made possible thanks to the awesome @tiptap editor!
flowbite-svelte.com/docs/plugins...
Svelte WYSIWYG Text Editor - Flowbite
Use the wysiwyg text editor component from Flowbite-Svelte-Plugins to create and modify content by manipulating paragraphs, headings, images and styling them using all available options
flowbite-svelte.com
July 1, 2025 at 8:26 AM
codewithshin.com
You can run npm install -g @google/gemini-cli to install Google gemini globally. Then you can run gemini to start it.
June 30, 2025 at 5:37 PM
codewithshin.com
The drag handle feature is added to flowbite-svelte-plugins/texteditor. The `dragHandle` prop allows you to easily handle dragging nodes around in the editor.
flowbite-svelte.com/docs/plugins...
June 30, 2025 at 4:13 PM
codewithshin.com
Two more new features are added to @flowbite-svelte-plugins/texteditor. File handler and floating menu.
The file prop allows you to easily handle file drops and pastes in the editor.
Use the floatingMenu prop in TextEditor to make a menu appear on an empty line.
flowbite-svelte.com/docs/plugins...
June 29, 2025 at 3:31 PM
codewithshin.com
A new feature math is added to the texteditor. flowbite-svelte.com/docs/plugins...
June 28, 2025 at 4:51 AM
codewithshin.com
A new feature bubble menu is added to flowbite-svelte texteditor. flowbite-svelte.com/docs/plugins...
June 28, 2025 at 4:25 AM