{Bhide}.Svelte
LightNews LightNews
banner
bhidesvelte.bsky.social
{Bhide}.Svelte
@bhidesvelte.bsky.social
140 followers 150 following 140 posts
Svelte is Vibe, Building Animation Svelte & Form Builder
https://github.com/SikandarJODD

https://dub.sh/animation-svelte
Posts Replies Media Videos
Pinned
bhidesvelte.bsky.social
{Bhide}.Svelte @bhidesvelte.bsky.social · Jul 5
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...
bhidesvelte.bsky.social
New updates in Svelte Form Builder

• Save Forms locally
• 7 New templates : signup, login, contact, and more
• Easily add, edit, or remove options for radio, select, and combo box fields.

Try it live: svelte-form-builder.vercel.app/v2
December 21, 2025 at 5:04 PM
bhidesvelte.bsky.social
Major Update: Svelt Form Builder

1. 6 New Form Templates
2. Save & load forms locally - pick up exactly where you left off
3. Share forms via a link
4. Import forms using JSON
5. Refined AI prompt → instant form JSON

Live: svelte-form-builder.vercel.app/v2
Svelte Form Builder
A powerful form builder for Svelte with Zod and Valibot validation. Create validated forms effortlessly in SvelteKit.
svelte-form-builder.vercel.app
December 21, 2025 at 2:07 AM
bhidesvelte.bsky.social
Working on a new version of Svelte Form Builder

What’s new:
• Generates Svelte Remote Function code
• New layout with fields, editor, preview
• Works with Valibot, Zod, and ArkType

Preview: svelte-form-builder.vercel.app/v2
Still in alpha - early stage, feedback welcome!
December 20, 2025 at 9:43 AM
bhidesvelte.bsky.social
Just shipped an update to Svelte Form Builder 🚀

• Added ArkType as a new validation option
• Migrated validation from Zod v3 → Zod v4
• Improved code generation and installation flow
• Updated dependencies and added analytics

Try it out in the playground: svelte-form-builder.vercel.app/playground
December 15, 2025 at 10:14 PM
bhidesvelte.bsky.social
New Message Component - Svelte AI Elements

Features:
1. Actions: like, dislike, regenerate, copy
2. Attachments: file uploads and file previews
3. Branching: message branching support
4. Response: streamed markdown rendering

Inspired from @vercel.com AI Elements
New Message - Svelte AI Elements
Enhanced message component with branching, attachments, actions, and markdown rendering for AI chat interfaces in Svelte 5.
svelte-ai-elements.vercel.app
December 10, 2025 at 2:49 AM
bhidesvelte.bsky.social
Update on Svelte Prompt Kit

Added 3 New AI components
1. Feedback bar
2. Thinking bar
3. Text Shimmer bar

Checkout: svelte-ai-elements.vercel.app/prompt-kit
Inspired from @ibelick.bsky.social prompt-kit
Svelte Prompt Kit
December 7, 2025 at 10:20 AM
bhidesvelte.bsky.social
Added 2 New Primitives : Svelte Prompt Kit

1. Simple Chat App
2. Tool Calling with Vercel AI SDK + OpenRouter

Tip: If you hit rate limits, switch to an OpenRouter key (I’m testing with the FREE z-ai/glm model).

Live : svelte-ai-elements.vercel.app/prompt-kit/p...
November 16, 2025 at 10:56 PM
Reposted by {Bhide}.Svelte
rich-harris.dev
A couple of weeks ago at @perfnow.nl I gave a talk called "Fine-grained everything". It's about @svelte.dev (obviously), and the new frontiers of framework-land, but it's also about some stubborn misconceptions in web performance circles

Gift link: conffab.com/presentation...
Fine-grained everything
<p>Modern frameworks like Svelte are fast thanks to signal‑based fine‑grained reactivity, but performance is more than 60fps. This talk covers new approaches to build fast, reliable, data‑efficient ap...
conffab.com
November 13, 2025 at 9:03 PM
bhidesvelte.bsky.social
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...
November 11, 2025 at 2:29 AM
Reposted by {Bhide}.Svelte
benmccann.com
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...
November 4, 2025 at 8:23 PM
bhidesvelte.bsky.social
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...
November 9, 2025 at 7:35 PM
bhidesvelte.bsky.social
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`
November 2, 2025 at 3:29 AM
bhidesvelte.bsky.social
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
November 1, 2025 at 3:49 PM
bhidesvelte.bsky.social
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...
Svelte Prompt kit
October 19, 2025 at 8:17 PM
Reposted by {Bhide}.Svelte
benmccann.com
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.
Packages • Svelte
Packages for your Svelte and SvelteKit apps
svelte.dev
October 2, 2025 at 5:01 PM
Reposted by {Bhide}.Svelte
willow.sh
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
bhidesvelte.bsky.social
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
September 28, 2025 at 10:17 PM
bhidesvelte.bsky.social
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
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
bhidesvelte.bsky.social
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...
July 5, 2025 at 9:29 PM
bhidesvelte.bsky.social
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
June 29, 2025 at 10:13 PM
bhidesvelte.bsky.social
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
June 22, 2025 at 9:05 PM
bhidesvelte.bsky.social
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
June 12, 2025 at 4:27 PM
Reposted by {Bhide}.Svelte
khromov.se
🐇 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...
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
bhidesvelte.bsky.social
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
June 2, 2025 at 8:19 PM
bhidesvelte.bsky.social
Created Cool animation using Svelte 5 for feature section

Checkout Playground: svelte.dev/playground/4...

Make sure to Enable Tailwind CSS
June 1, 2025 at 4:37 AM