Shin
@codewithshin.com
🛠️ 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
Dev and maintainer of Flowbite-Svelte, Svelte SVG icon sets, Svelte 5 UI Lib.
https://www.codewithshin.com/
#svelte #javascript #terminal #webapp
Motion with accessibility in mind.
Flowbite-Svelte v2.0.0-next now supports Svelte’s prefers-reduced-motion! flowbite-svelte-v2.vercel.app/docs/compone...
Flowbite-Svelte v2.0.0-next now supports Svelte’s prefers-reduced-motion! flowbite-svelte-v2.vercel.app/docs/compone...
Svelte Accordion - Flowbite
Use the accordion component to show hidden information based on the collapse and expand state of the child elements using data attribute options
flowbite-svelte-v2.vercel.app
December 30, 2025 at 5:25 AM
Motion with accessibility in mind.
Flowbite-Svelte v2.0.0-next now supports Svelte’s prefers-reduced-motion! flowbite-svelte-v2.vercel.app/docs/compone...
Flowbite-Svelte v2.0.0-next now supports Svelte’s prefers-reduced-motion! flowbite-svelte-v2.vercel.app/docs/compone...
Are you tired of being stuck in a musical rut with the same songs on Amazon Prime Music or YouTube? Sick of ads on streaming services like Spotify? Discover new music with a terminal radio, Tera. github.com/shinokada/tera
GitHub - shinokada/tera: Interactive Bash script terminal music radio player. Play your favorite radio station, CRUD your favorite lists, and explore new radio stations from your terminal.
Interactive Bash script terminal music radio player. Play your favorite radio station, CRUD your favorite lists, and explore new radio stations from your terminal. - GitHub - shinokada/tera: Inter...
github.com
December 30, 2025 at 5:17 AM
Are you tired of being stuck in a musical rut with the same songs on Amazon Prime Music or YouTube? Sick of ads on streaming services like Spotify? Discover new music with a terminal radio, Tera. github.com/shinokada/tera
🚧 Flowbite-Svelte v2.0.0-next is still in early development, but you can already take a sneak peek here 👀
flowbite-svelte-v2.vercel.app
flowbite-svelte-v2.vercel.app
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-v2.vercel.app
December 28, 2025 at 4:27 PM
🚧 Flowbite-Svelte v2.0.0-next is still in early development, but you can already take a sneak peek here 👀
flowbite-svelte-v2.vercel.app
flowbite-svelte-v2.vercel.app
🎉 Flowbite-Svelte-Icons v3.1.0 is out!
Added width / height props for finer icon sizing, improved types, and fixed some visibility issues.
• New width/height props (mutually exclusive with size)
• Cleaner typing with discriminated unions
• Updated all icon components with the new sizing logic
...
Added width / height props for finer icon sizing, improved types, and fixed some visibility issues.
• New width/height props (mutually exclusive with size)
• Cleaner typing with discriminated unions
• Updated all icon components with the new sizing logic
...
December 28, 2025 at 4:24 PM
🎉 Flowbite-Svelte-Icons v3.1.0 is out!
Added width / height props for finer icon sizing, improved types, and fixed some visibility issues.
• New width/height props (mutually exclusive with size)
• Cleaner typing with discriminated unions
• Updated all icon components with the new sizing logic
...
Added width / height props for finer icon sizing, improved types, and fixed some visibility issues.
• New width/height props (mutually exclusive with size)
• Cleaner typing with discriminated unions
• Updated all icon components with the new sizing logic
...
svelte-shields is a collection of Shields badge components for Svelte Runes. I just released [email protected].
svelte-shields.codewithshin.com
svelte-shields.codewithshin.com
Svelte Shields
A collection of Shilds badge components for Svelte Runes
svelte-shields.codewithshin.com
December 12, 2025 at 5:48 AM
svelte-shields is a collection of Shields badge components for Svelte Runes. I just released [email protected].
svelte-shields.codewithshin.com
svelte-shields.codewithshin.com
[email protected] has been released with some improvements. runes-meta-tags.codewithshin.com
Runes Meta Tags
Meta tag for Svelte Runes
runes-meta-tags.codewithshin.com
December 9, 2025 at 6:11 AM
[email protected] has been released with some improvements. runes-meta-tags.codewithshin.com
I just updated Runatics. It is a simple Google analyics component for Svelte Runes project.
runatics.codewithshin.com
runatics.codewithshin.com
runatics.codewithshin.com
December 9, 2025 at 6:02 AM
I just updated Runatics. It is a simple Google analyics component for Svelte Runes project.
runatics.codewithshin.com
runatics.codewithshin.com
Flowbite-Sveltev1.30.0 has been released. A click navigation is added to StepIndicator component.
flowbite-svelte.com/docs/extend/...
flowbite-svelte.com/docs/extend/...
December 6, 2025 at 7:04 AM
Flowbite-Sveltev1.30.0 has been released. A click navigation is added to StepIndicator component.
flowbite-svelte.com/docs/extend/...
flowbite-svelte.com/docs/extend/...
I just updated svelte-shields. It is a collection of Shields badge components for Svelte Runes.
svelte-shields.codewithshin.com
svelte-shields.codewithshin.com
Svelte Shields
A collection of Shilds badge components for Svelte Runes
svelte-shields.codewithshin.com
December 6, 2025 at 6:33 AM
I just updated svelte-shields. It is a collection of Shields badge components for Svelte Runes.
svelte-shields.codewithshin.com
svelte-shields.codewithshin.com
Suddenly I'm getting more than 900 errors when I run pnpm check.
What's happening?
What's happening?
December 3, 2025 at 4:54 PM
Suddenly I'm getting more than 900 errors when I run pnpm check.
What's happening?
What's happening?
sveltesociety.dev just got a fresh facelift — looking better than ever! Go take a peek 👀
Svelte Society
The Svelte Society is a community of developers who use Svelte to build web applications.
sveltesociety.dev
December 2, 2025 at 1:26 PM
sveltesociety.dev just got a fresh facelift — looking better than ever! Go take a peek 👀
Is Flowbite-Svelte's carousel swipeable? Yes, it is. It works on a mobile. Try it out.
flowbite-svelte.com/docs/compone...
flowbite-svelte.com/docs/compone...
Svelte Carousel - Flowbite
Use the carousel component to slide through multiple elements and images using custom controls, indicators, intervals, and options
flowbite-svelte.com
December 2, 2025 at 1:22 PM
Is Flowbite-Svelte's carousel swipeable? Yes, it is. It works on a mobile. Try it out.
flowbite-svelte.com/docs/compone...
flowbite-svelte.com/docs/compone...
[email protected] is released. All stepper components have a click navigation.
flowbite-svelte.com/docs/compone...
flowbite-svelte.com/docs/compone...
Svelte Stepper - Flowbite
Use the stepper component to show the number of steps required to complete a form inside your application
flowbite-svelte.com
November 30, 2025 at 6:20 PM
[email protected] is released. All stepper components have a click navigation.
flowbite-svelte.com/docs/compone...
flowbite-svelte.com/docs/compone...
If you have "prettier": "^3.7.1", or "prettier": "^3.6.2" in your SvelteKit project, your lint will produce errors.
For now change it to "prettier": "3.6.2".
#svelte
For now change it to "prettier": "3.6.2".
#svelte
November 27, 2025 at 5:52 PM
If you have "prettier": "^3.7.1", or "prettier": "^3.6.2" in your SvelteKit project, your lint will produce errors.
For now change it to "prettier": "3.6.2".
#svelte
For now change it to "prettier": "3.6.2".
#svelte
svelte-doc-llm v0.8.0 adds major CLI functionality for targeted conversion! (This Node.js tool converts Svelte docs to LLM-friendly markdown.)
New options enable selective processing:
-d
-f
--skip-clean
github.com/shinokada/sv...
New options enable selective processing:
-d
-f
--skip-clean
github.com/shinokada/sv...
GitHub - shinokada/svelte-doc-llm: A Node.js tool to convert Svelte component documentation to LLM-friendly markdown format.
A Node.js tool to convert Svelte component documentation to LLM-friendly markdown format. - shinokada/svelte-doc-llm
github.com
November 27, 2025 at 9:14 AM
svelte-doc-llm v0.8.0 adds major CLI functionality for targeted conversion! (This Node.js tool converts Svelte docs to LLM-friendly markdown.)
New options enable selective processing:
-d
-f
--skip-clean
github.com/shinokada/sv...
New options enable selective processing:
-d
-f
--skip-clean
github.com/shinokada/sv...
Excited to announce flowbite-svelte-mcp, a MCP server that brings Flowbite-Svelte documentation directly to Claude! I used @paoloricciuti tmcp.
Smart component search
Instant access to props & examples
Full-text documentation search
Lightning-fast component lookup
flowbite-svelte.com/docs/pages/a...
Smart component search
Instant access to props & examples
Full-text documentation search
Lightning-fast component lookup
flowbite-svelte.com/docs/pages/a...
November 20, 2025 at 12:17 PM
Excited to announce flowbite-svelte-mcp, a MCP server that brings Flowbite-Svelte documentation directly to Claude! I used @paoloricciuti tmcp.
Smart component search
Instant access to props & examples
Full-text documentation search
Lightning-fast component lookup
flowbite-svelte.com/docs/pages/a...
Smart component search
Instant access to props & examples
Full-text documentation search
Lightning-fast component lookup
flowbite-svelte.com/docs/pages/a...
I added ExampleWrapper to svelte-rune-highlight. A flexible component that displays both rendered Svelte components and their source code side-by-side. Supports name-based lookup or direct component/code props with automatic $lib import replacement. svelte-rune-highlight.codewithshin.com/wrappers
ExampleWrapper Component - Svelte Rune Highlight
Syntax highlight component for Svelte Runes.
svelte-rune-highlight.codewithshin.com
November 17, 2025 at 7:09 PM
I added ExampleWrapper to svelte-rune-highlight. A flexible component that displays both rendered Svelte components and their source code side-by-side. Supports name-based lookup or direct component/code props with automatic $lib import replacement. svelte-rune-highlight.codewithshin.com/wrappers
🚀 New feature in svelte-rune-highlight:
Highlight code line ranges without listing every line:
- highlightedRanges={[[3, 7]]}
- Combine with highlightedLines={[1, 10]}
- Available in all highlight components
Great for code documentation & tutorials!
svelte-rune-highlight.codewithshin.com
Highlight code line ranges without listing every line:
- highlightedRanges={[[3, 7]]}
- Combine with highlightedLines={[1, 10]}
- Available in all highlight components
Great for code documentation & tutorials!
svelte-rune-highlight.codewithshin.com
Svelte Rune Highlight
Syntax highlighting for Svelte 5 Runes using highlight.js
svelte-rune-highlight.codewithshin.com
November 14, 2025 at 2:55 PM
🚀 New feature in svelte-rune-highlight:
Highlight code line ranges without listing every line:
- highlightedRanges={[[3, 7]]}
- Combine with highlightedLines={[1, 10]}
- Available in all highlight components
Great for code documentation & tutorials!
svelte-rune-highlight.codewithshin.com
Highlight code line ranges without listing every line:
- highlightedRanges={[[3, 7]]}
- Combine with highlightedLines={[1, 10]}
- Available in all highlight components
Great for code documentation & tutorials!
svelte-rune-highlight.codewithshin.com
TypeScript has officially overtaken Python as the most popular language on GitHub.
The rise of AI projects and web dev is reshaping the landscape.
👉 github.blog/news-insight...
The rise of AI projects and web dev is reshaping the landscape.
👉 github.blog/news-insight...
November 12, 2025 at 5:51 AM
TypeScript has officially overtaken Python as the most popular language on GitHub.
The rise of AI projects and web dev is reshaping the landscape.
👉 github.blog/news-insight...
The rise of AI projects and web dev is reshaping the landscape.
👉 github.blog/news-insight...
[email protected] is published with a new community-contributed component, ClipboardManager.
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
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
[email protected] is published with a new community-contributed component, ClipboardManager.
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
#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
npx sv check --ignore "src/routes/testdir,dist,build" --no-tsconfig
November 9, 2025 at 4:13 PM
#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
npx sv check --ignore "src/routes/testdir,dist,build" --no-tsconfig
[email protected] is published. Spinner now supports multiple visual variants: dots, bars, pulse, orbit, plus the existing default.
flowbite-svelte.com/docs/compone...
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
[email protected] is published. Spinner now supports multiple visual variants: dots, bars, pulse, orbit, plus the existing default.
flowbite-svelte.com/docs/compone...
flowbite-svelte.com/docs/compone...
[email protected] 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/...
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
[email protected] 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/...
Demo: flowbite-svelte.com/docs-example...
Docs: flowbite-svelte.com/docs/extend/...
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. 😅
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
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. 😅
Switched Chrome DevTools’ network preset to Fast 4G, and suddenly everything works again. Weird, but hey — fixed it. 😅