{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
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...
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...
You can check out Svelte Bench
Claude models works great with Svelte 5
Visit : khromov.github.io/svelte-bench...
Claude models works great with Svelte 5
Visit : khromov.github.io/svelte-bench...
November 2, 2025 at 4:50 PM
You can check out Svelte Bench
Claude models works great with Svelte 5
Visit : khromov.github.io/svelte-bench...
Claude models works great with Svelte 5
Visit : khromov.github.io/svelte-bench...
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...
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
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
Created Simple landing page with blue theme
Provided Topic : landing page based on Image as service
Provided Topic : landing page based on Image as service
June 2, 2025 at 8:21 PM
Created Simple landing page with blue theme
Provided Topic : landing page based on Image as service
Provided Topic : landing page based on Image as service
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
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
Checkout more blocks here
Hero: sv-blocks.vercel.app/mist/hero
Features: sv-blocks.vercel.app/mist/feature
Content: sv-blocks.vercel.app/mist/content
Install blocks using CLI or simply copy paste it.
Hero: sv-blocks.vercel.app/mist/hero
Features: sv-blocks.vercel.app/mist/feature
Content: sv-blocks.vercel.app/mist/content
Install blocks using CLI or simply copy paste it.
May 18, 2025 at 6:50 PM
Checkout more blocks here
Hero: sv-blocks.vercel.app/mist/hero
Features: sv-blocks.vercel.app/mist/feature
Content: sv-blocks.vercel.app/mist/content
Install blocks using CLI or simply copy paste it.
Hero: sv-blocks.vercel.app/mist/hero
Features: sv-blocks.vercel.app/mist/feature
Content: sv-blocks.vercel.app/mist/content
Install blocks using CLI or simply copy paste it.
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
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!
Checkout New Navigation Menu & Header on Svelte Shadcn Blocks
Navigation Menu build using Bits UI
Live Preview: sv-blocks.vercel.app
GitHub: github.com/SikandarJODD...
Navigation Menu build using Bits UI
Live Preview: sv-blocks.vercel.app
GitHub: github.com/SikandarJODD...
April 26, 2025 at 8:02 PM
Checkout New Navigation Menu & Header on Svelte Shadcn Blocks
Navigation Menu build using Bits UI
Live Preview: sv-blocks.vercel.app
GitHub: github.com/SikandarJODD...
Navigation Menu build using Bits UI
Live Preview: sv-blocks.vercel.app
GitHub: github.com/SikandarJODD...
New Updates
Added 8 New Integrations blocks
Checkout : Svelte Marketing Blocks
Visit : sv-blocks.vercel.app/integration
Added 8 New Integrations blocks
Checkout : Svelte Marketing Blocks
Visit : sv-blocks.vercel.app/integration
April 14, 2025 at 8:04 AM
New Updates
Added 8 New Integrations blocks
Checkout : Svelte Marketing Blocks
Visit : sv-blocks.vercel.app/integration
Added 8 New Integrations blocks
Checkout : Svelte Marketing Blocks
Visit : sv-blocks.vercel.app/integration
I tried image generation, and it turned out to be...
a glorious tribute to Svelte's rise above the JS framework pyramid!
I love Svelte a lottt..😍😍
a glorious tribute to Svelte's rise above the JS framework pyramid!
I love Svelte a lottt..😍😍
March 30, 2025 at 6:39 AM
I tried image generation, and it turned out to be...
a glorious tribute to Svelte's rise above the JS framework pyramid!
I love Svelte a lottt..😍😍
a glorious tribute to Svelte's rise above the JS framework pyramid!
I love Svelte a lottt..😍😍
New Update: Svelte Shadcn Blocks
New Features:
1. Added CLI support ( jsrepo )
2. Introduced new components – Features, CTA, Contact & more...
3. Component-based search for easier navigation
Demo : sv-blocks.vercel.app
New Features:
1. Added CLI support ( jsrepo )
2. Introduced new components – Features, CTA, Contact & more...
3. Component-based search for easier navigation
Demo : sv-blocks.vercel.app
March 26, 2025 at 1:26 PM
New Update: Svelte Shadcn Blocks
New Features:
1. Added CLI support ( jsrepo )
2. Introduced new components – Features, CTA, Contact & more...
3. Component-based search for easier navigation
Demo : sv-blocks.vercel.app
New Features:
1. Added CLI support ( jsrepo )
2. Introduced new components – Features, CTA, Contact & more...
3. Component-based search for easier navigation
Demo : sv-blocks.vercel.app