{Bhide}.Svelte
@bhidesvelte.bsky.social
Svelte is Vibe, Building Animation Svelte & Form Builder
https://github.com/SikandarJODD
https://dub.sh/animation-svelte
https://github.com/SikandarJODD
https://dub.sh/animation-svelte
Pinned
Added New Components - Svelte 5 Animations
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
New Chain of Thought component - Svelte Promptkit
Visualize step-by-step reasoning in your AI apps.
Preview : svelte-ai-elements.vercel.app/prompt-kit/c...
Visualize step-by-step reasoning in your AI apps.
Preview : svelte-ai-elements.vercel.app/prompt-kit/c...
November 11, 2025 at 2:29 AM
New Chain of Thought component - Svelte Promptkit
Visualize step-by-step reasoning in your AI apps.
Preview : svelte-ai-elements.vercel.app/prompt-kit/c...
Visualize step-by-step reasoning in your AI apps.
Preview : svelte-ai-elements.vercel.app/prompt-kit/c...
Reposted by {Bhide}.Svelte
SvelteKit 3 / Vite 8 will be built on rolldown. You can use it now if you're adventurous!
If you're not using the new remote functions, it largely works without issue and is much faster.
We'd love help in discovering any bugs that haven't been unearthed yet! Post them at github.com/vitejs/rolld...
If you're not using the new remote functions, it largely works without issue and is much faster.
We'd love help in discovering any bugs that haven't been unearthed yet! Post them at github.com/vitejs/rolld...
November 4, 2025 at 8:23 PM
SvelteKit 3 / Vite 8 will be built on rolldown. You can use it now if you're adventurous!
If you're not using the new remote functions, it largely works without issue and is much faster.
We'd love help in discovering any bugs that haven't been unearthed yet! Post them at github.com/vitejs/rolld...
If you're not using the new remote functions, it largely works without issue and is much faster.
We'd love help in discovering any bugs that haven't been unearthed yet! Post them at github.com/vitejs/rolld...
New Update: Svelte AI Elements
Install via shadcn-svelte CLI or jsrepo
Easy integration with Vercel AI SDK
Preview : svelte-ai-elements.vercel.app/components/c...
Install via shadcn-svelte CLI or jsrepo
Easy integration with Vercel AI SDK
Preview : svelte-ai-elements.vercel.app/components/c...
November 9, 2025 at 7:35 PM
New Update: Svelte AI Elements
Install via shadcn-svelte CLI or jsrepo
Easy integration with Vercel AI SDK
Preview : svelte-ai-elements.vercel.app/components/c...
Install via shadcn-svelte CLI or jsrepo
Easy integration with Vercel AI SDK
Preview : svelte-ai-elements.vercel.app/components/c...
New Playground on Svelte AI Elements
Live Preview: svelte-ai-elements.vercel.app/playground
A simple demo showcasing a basic Chat AI app built with SvelteKit + Vercel AI SDK - featuring real-time data streaming using `streamText`
Live Preview: svelte-ai-elements.vercel.app/playground
A simple demo showcasing a basic Chat AI app built with SvelteKit + Vercel AI SDK - featuring real-time data streaming using `streamText`
November 2, 2025 at 3:29 AM
New Playground on Svelte AI Elements
Live Preview: svelte-ai-elements.vercel.app/playground
A simple demo showcasing a basic Chat AI app built with SvelteKit + Vercel AI SDK - featuring real-time data streaming using `streamText`
Live Preview: svelte-ai-elements.vercel.app/playground
A simple demo showcasing a basic Chat AI app built with SvelteKit + Vercel AI SDK - featuring real-time data streaming using `streamText`
New Features in Svelte AI Elements
- Copy Markdown
- Open In AI + GitHub
- 8 new UI Blocks ( prompt-kit )
- Install via shadcn-svelte registry
- New: Chain of Thought component ( prompt-kit )
Checkout : svelte-ai-elements.vercel.app
- Copy Markdown
- Open In AI + GitHub
- 8 new UI Blocks ( prompt-kit )
- Install via shadcn-svelte registry
- New: Chain of Thought component ( prompt-kit )
Checkout : svelte-ai-elements.vercel.app
November 1, 2025 at 3:49 PM
New Features in Svelte AI Elements
- Copy Markdown
- Open In AI + GitHub
- 8 new UI Blocks ( prompt-kit )
- Install via shadcn-svelte registry
- New: Chain of Thought component ( prompt-kit )
Checkout : svelte-ai-elements.vercel.app
- Copy Markdown
- Open In AI + GitHub
- 8 new UI Blocks ( prompt-kit )
- Install via shadcn-svelte registry
- New: Chain of Thought component ( prompt-kit )
Checkout : svelte-ai-elements.vercel.app
Ported Prompt Kit to Svelte AI Elements
14 new AI components like tool, source, reasoning, system message, and more.
Add components using shadcn-svelte registry Docs : svelte-ai-elements.vercel.app/prompt-kit/p...
14 new AI components like tool, source, reasoning, system message, and more.
Add components using shadcn-svelte registry Docs : svelte-ai-elements.vercel.app/prompt-kit/p...
October 19, 2025 at 8:17 PM
Ported Prompt Kit to Svelte AI Elements
14 new AI components like tool, source, reasoning, system message, and more.
Add components using shadcn-svelte registry Docs : svelte-ai-elements.vercel.app/prompt-kit/p...
14 new AI components like tool, source, reasoning, system message, and more.
Add components using shadcn-svelte registry Docs : svelte-ai-elements.vercel.app/prompt-kit/p...
Reposted by {Bhide}.Svelte
svelte.dev/packages is now live!
It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.
It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.
Packages • Svelte
Packages for your Svelte and SvelteKit apps
svelte.dev
October 2, 2025 at 5:01 PM
svelte.dev/packages is now live!
It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.
It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.
Reposted by {Bhide}.Svelte
Svelte is not in anyway owned or controlled by Vercel, they purely sponsor three people to work on it. Don't get me wrong, it sucks and what Guillermo did is not ok. However, at the very least some of the money that would otherwise be spent on god knows what is going to a good place. The Svelte
September 30, 2025 at 7:30 PM
Svelte is not in anyway owned or controlled by Vercel, they purely sponsor three people to work on it. Don't get me wrong, it sucks and what Guillermo did is not ok. However, at the very least some of the money that would otherwise be spent on god knows what is going to a good place. The Svelte
Forgot to share the demo I recorded! 😄
Live Demo : svelte-ai-elements.vercel.app/demo/one
Build with @openrouter.bsky.social & @vercel.com AI SDK
Live Demo : svelte-ai-elements.vercel.app/demo/one
Build with @openrouter.bsky.social & @vercel.com AI SDK
September 28, 2025 at 10:17 PM
Forgot to share the demo I recorded! 😄
Live Demo : svelte-ai-elements.vercel.app/demo/one
Build with @openrouter.bsky.social & @vercel.com AI SDK
Live Demo : svelte-ai-elements.vercel.app/demo/one
Build with @openrouter.bsky.social & @vercel.com AI SDK
New Project: Svelte AI Elements
Includes 15+ Components like Prompt input, Response ( Stream ), Messages, conversations..
Preview : svelte-ai-elements.vercel.app
Simple Guide : svelte-ai-elements.vercel.app/examples/one
Includes 15+ Components like Prompt input, Response ( Stream ), Messages, conversations..
Preview : svelte-ai-elements.vercel.app
Simple Guide : svelte-ai-elements.vercel.app/examples/one
Svelte 5 + AI SDK Integration Guide
Master Svelte 5 runes with AI SDK integration. Build reactive AI chat applications using modern patterns and streaming responses.
svelte-ai-elements.vercel.app
September 28, 2025 at 3:40 PM
New Project: Svelte AI Elements
Includes 15+ Components like Prompt input, Response ( Stream ), Messages, conversations..
Preview : svelte-ai-elements.vercel.app
Simple Guide : svelte-ai-elements.vercel.app/examples/one
Includes 15+ Components like Prompt input, Response ( Stream ), Messages, conversations..
Preview : svelte-ai-elements.vercel.app
Simple Guide : svelte-ai-elements.vercel.app/examples/one
Added New Components - Svelte 5 Animations
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
July 5, 2025 at 9:29 PM
Added New Components - Svelte 5 Animations
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
1. Magic Card
2. Terminal
3. Line Shadow Text
and many more...
Improved Multiple code view
Preview : sv-animate.vercel.app/magic/magic-...
GitHub: github.com/SikandarJODD...
New Svelte 5 Animations
Build using Svelte 5, Motion-Start, Tailwind V4
Preview : sv-animate.vercel.app/magic/blur-f...
Added Magic UI Components
will add more components soon...still are initial stage
Build using Svelte 5, Motion-Start, Tailwind V4
Preview : sv-animate.vercel.app/magic/blur-f...
Added Magic UI Components
will add more components soon...still are initial stage
June 29, 2025 at 10:13 PM
New Svelte 5 Animations
Build using Svelte 5, Motion-Start, Tailwind V4
Preview : sv-animate.vercel.app/magic/blur-f...
Added Magic UI Components
will add more components soon...still are initial stage
Build using Svelte 5, Motion-Start, Tailwind V4
Preview : sv-animate.vercel.app/magic/blur-f...
Added Magic UI Components
will add more components soon...still are initial stage
Added 3 New Components to Svelte Animation
1. Pointer Highlight
2. Smooth Cursor
3. Video Text
Preview
animation-svelte.vercel.app/a/components...
animation-svelte.vercel.app/magic/smooth...
animation-svelte.vercel.app/magic/video-...
i am trying to port all comps to svelte 5
will launch soon
1. Pointer Highlight
2. Smooth Cursor
3. Video Text
Preview
animation-svelte.vercel.app/a/components...
animation-svelte.vercel.app/magic/smooth...
animation-svelte.vercel.app/magic/video-...
i am trying to port all comps to svelte 5
will launch soon
June 22, 2025 at 9:05 PM
Added 3 New Components to Svelte Animation
1. Pointer Highlight
2. Smooth Cursor
3. Video Text
Preview
animation-svelte.vercel.app/a/components...
animation-svelte.vercel.app/magic/smooth...
animation-svelte.vercel.app/magic/video-...
i am trying to port all comps to svelte 5
will launch soon
1. Pointer Highlight
2. Smooth Cursor
3. Video Text
Preview
animation-svelte.vercel.app/a/components...
animation-svelte.vercel.app/magic/smooth...
animation-svelte.vercel.app/magic/video-...
i am trying to port all comps to svelte 5
will launch soon
Excel to JS Array in Svelte 5
Simple example to upload an Excel file and convert it to a JavaScript array.
Checkout Playground: svelte.dev/playground/9...
Make sure to enable Tailwind CSS
Simple example to upload an Excel file and convert it to a JavaScript array.
Checkout Playground: svelte.dev/playground/9...
Make sure to enable Tailwind CSS
June 12, 2025 at 4:27 PM
Excel to JS Array in Svelte 5
Simple example to upload an Excel file and convert it to a JavaScript array.
Checkout Playground: svelte.dev/playground/9...
Make sure to enable Tailwind CSS
Simple example to upload an Excel file and convert it to a JavaScript array.
Checkout Playground: svelte.dev/playground/9...
Make sure to enable Tailwind CSS
Reposted by {Bhide}.Svelte
🐇 Made a write-up about using the svelte-render-scan library to debug render performance issues in your Svelte applications. If you haven't tried it yet, give it a shot in your projects!
khromov.se/how-to-fix-p...
khromov.se/how-to-fix-p...
How to fix performance issues in your Svelte application using svelte-render-scan - Stanislav Khromov
If you’re working on web applications today, you might have heard that re-renders are bad for performance. But why is that exactly? And more importantly – how can we spot these performance issues in…
khromov.se
June 12, 2025 at 8:45 AM
🐇 Made a write-up about using the svelte-render-scan library to debug render performance issues in your Svelte applications. If you haven't tried it yet, give it a shot in your projects!
khromov.se/how-to-fix-p...
khromov.se/how-to-fix-p...
Introducing MCP Server + Svelte Shadcn Blocks
Create landing pages, startup sites, and marketing websites in minutes using prebuilt, high-quality components.
Docs & Usage: sv-blocks.vercel.app/docs/mcp
Create landing pages, startup sites, and marketing websites in minutes using prebuilt, high-quality components.
Docs & Usage: sv-blocks.vercel.app/docs/mcp
June 2, 2025 at 8:19 PM
Introducing MCP Server + Svelte Shadcn Blocks
Create landing pages, startup sites, and marketing websites in minutes using prebuilt, high-quality components.
Docs & Usage: sv-blocks.vercel.app/docs/mcp
Create landing pages, startup sites, and marketing websites in minutes using prebuilt, high-quality components.
Docs & Usage: sv-blocks.vercel.app/docs/mcp
Created Cool animation using Svelte 5 for feature section
Checkout Playground: svelte.dev/playground/4...
Make sure to Enable Tailwind CSS
Checkout Playground: svelte.dev/playground/4...
Make sure to Enable Tailwind CSS
June 1, 2025 at 4:37 AM
Created Cool animation using Svelte 5 for feature section
Checkout Playground: svelte.dev/playground/4...
Make sure to Enable Tailwind CSS
Checkout Playground: svelte.dev/playground/4...
Make sure to Enable Tailwind CSS
Reposted by {Bhide}.Svelte
the @svelte.dev team had our monthly all hands this morning and i am cackling at how good some of the stuff we've got planned is. like, frothing at the mouth cannot wait to use it
May 30, 2025 at 8:23 PM
the @svelte.dev team had our monthly all hands this morning and i am cackling at how good some of the stuff we've got planned is. like, frothing at the mouth cannot wait to use it
Created GTA VI Animation using Svelte & Tailwind CSS
Using : scrollY + Spring & Tween
Checkout Code : svelte.dev/playground/0...
Using : scrollY + Spring & Tween
Checkout Code : svelte.dev/playground/0...
May 30, 2025 at 12:10 AM
Created GTA VI Animation using Svelte & Tailwind CSS
Using : scrollY + Spring & Tween
Checkout Code : svelte.dev/playground/0...
Using : scrollY + Spring & Tween
Checkout Code : svelte.dev/playground/0...
Added a Simple Yet Important Feature to Svelte Blocks
1. Improved navigation speed across blocks
2. Enabled easy preview in Mobile - Tablet - Desktop modes
3. Enhanced overall UI experience for better usability
Live Preview: sv-blocks.vercel.app/mist/content
GitHub : github.com/SikandarJODD...
1. Improved navigation speed across blocks
2. Enabled easy preview in Mobile - Tablet - Desktop modes
3. Enhanced overall UI experience for better usability
Live Preview: sv-blocks.vercel.app/mist/content
GitHub : github.com/SikandarJODD...
May 28, 2025 at 10:32 PM
Added a Simple Yet Important Feature to Svelte Blocks
1. Improved navigation speed across blocks
2. Enabled easy preview in Mobile - Tablet - Desktop modes
3. Enhanced overall UI experience for better usability
Live Preview: sv-blocks.vercel.app/mist/content
GitHub : github.com/SikandarJODD...
1. Improved navigation speed across blocks
2. Enabled easy preview in Mobile - Tablet - Desktop modes
3. Enhanced overall UI experience for better usability
Live Preview: sv-blocks.vercel.app/mist/content
GitHub : github.com/SikandarJODD...
New Updates to Svelte Marketing Blocks
1. Code Highlighting - Focus on what matters.
2. Multi Code Blocks – View all related code sections together, effortlessly.
3. Improved UI – Cleaner and easier to use.
Checkout : sv-blocks.vercel.app
100+ Free Marketing UI Components
1. Code Highlighting - Focus on what matters.
2. Multi Code Blocks – View all related code sections together, effortlessly.
3. Improved UI – Cleaner and easier to use.
Checkout : sv-blocks.vercel.app
100+ Free Marketing UI Components
May 25, 2025 at 2:15 PM
New Updates to Svelte Marketing Blocks
1. Code Highlighting - Focus on what matters.
2. Multi Code Blocks – View all related code sections together, effortlessly.
3. Improved UI – Cleaner and easier to use.
Checkout : sv-blocks.vercel.app
100+ Free Marketing UI Components
1. Code Highlighting - Focus on what matters.
2. Multi Code Blocks – View all related code sections together, effortlessly.
3. Improved UI – Cleaner and easier to use.
Checkout : sv-blocks.vercel.app
100+ Free Marketing UI Components
New Update : Svelte Marketing Blocks
40+ Fresh Svelte Blocks just dropped!
Notion-style vibes, Clean Modern Blocks
Live: sv-blocks.vercel.app/mist/hero
GitHub: github.com/SikandarJODD...
#svelte #shadcn #marketing
40+ Fresh Svelte Blocks just dropped!
Notion-style vibes, Clean Modern Blocks
Live: sv-blocks.vercel.app/mist/hero
GitHub: github.com/SikandarJODD...
#svelte #shadcn #marketing
May 18, 2025 at 6:49 PM
New Update : Svelte Marketing Blocks
40+ Fresh Svelte Blocks just dropped!
Notion-style vibes, Clean Modern Blocks
Live: sv-blocks.vercel.app/mist/hero
GitHub: github.com/SikandarJODD...
#svelte #shadcn #marketing
40+ Fresh Svelte Blocks just dropped!
Notion-style vibes, Clean Modern Blocks
Live: sv-blocks.vercel.app/mist/hero
GitHub: github.com/SikandarJODD...
#svelte #shadcn #marketing
Reposted by {Bhide}.Svelte
I made a video explaining the new Svelte `@attach` feature which is the `onMount` for elements and how it improves on Svelte actions using GSAP as an example. 🔥
youtu.be/9PREEREiPAE
youtu.be/9PREEREiPAE
Svelte Attachments Are Here And They're Awesome
YouTube video by Joy of Code
youtu.be
May 16, 2025 at 6:40 PM
I made a video explaining the new Svelte `@attach` feature which is the `onMount` for elements and how it improves on Svelte actions using GSAP as an example. 🔥
youtu.be/9PREEREiPAE
youtu.be/9PREEREiPAE
Added 30 New Components in Shadcn Svelte Blocks
New - CLI Support for installing components using jsrepo.dev
Checkout : sv-blocks.vercel.app
New - CLI Support for installing components using jsrepo.dev
Checkout : sv-blocks.vercel.app
May 11, 2025 at 4:32 PM
Added 30 New Components in Shadcn Svelte Blocks
New - CLI Support for installing components using jsrepo.dev
Checkout : sv-blocks.vercel.app
New - CLI Support for installing components using jsrepo.dev
Checkout : sv-blocks.vercel.app
Cool Navigation menu created using Svelte 5, Tailwind v4 & Bits UI
Inspired from zencoder.ai
Currently obsessed with navigation menus!
Inspired from zencoder.ai
Currently obsessed with navigation menus!
April 29, 2025 at 11:41 PM
Cool Navigation menu created using Svelte 5, Tailwind v4 & Bits UI
Inspired from zencoder.ai
Currently obsessed with navigation menus!
Inspired from zencoder.ai
Currently obsessed with navigation menus!