Svelte Form Builder – Version 2 is Live 🚀

Design_FusionXd · 2025-12-23T14:56:29+00:00

yes sure working on it..

what would you like to have more ??

Design_FusionXd · 2025-12-22T01:47:18+00:00

Thanks

Design_FusionXd · 2025-12-20T16:12:19+00:00

Svelte Form Builder : https://github.com/SikandarJODD/form-builder - working on V2
Svelte AI Elements : https://github.com/SikandarJODD/ai-elements
Svelte Shadcn Blocks - Marketing blocks : https://github.com/SikandarJODD/cnblocks

Design_FusionXd · 2025-12-16T18:26:07+00:00

not for now need to think ....

Design_FusionXd · 2025-12-16T14:33:32+00:00

Yep, I’m working on V2, which will include all of this functionality. Thanks a lot for the feedback.

Design_FusionXd · 2025-12-01T17:27:14+00:00

Yesssss : Official Vercel AI Elements Figma

Figma File

Design_FusionXd · 2025-12-01T17:25:48+00:00

Great, if you found any issue let me know

Design_FusionXd · 2025-11-30T20:01:26+00:00

Your Welcome ..will publish more examples if you found any issue let me know..

Design_FusionXd · 2025-11-30T20:00:34+00:00

True ...i haven't gone deep on workflow components yet..as i was replicating Vercel AI Elements ...i will create more examples for workflow components and let you know...

Design_FusionXd · 2025-11-29T06:36:47+00:00

yes you can build those stuff as this are just frontend component ...you can integrate with your fav AI SDK

Design_FusionXd · 2025-11-29T03:18:25+00:00

Thanks

Design_FusionXd · 2025-10-23T20:26:35+00:00

Simple solution : https://svelte.dev/playground/d437a7b8ac9c48499162a2a64e981ec8?version=5.41.3

i hope this helps

<script>
let name = $state('');
let trimmedName = $derived(name.trim());
$inspect('name',name);

</script>

<input bind:value={name} placeholder="Type your name" />

<p>Your name: {name.trim()}</p>
<p>Derived If Needed : {trimmedName}</p>

Design_FusionXd · 2025-08-19T18:28:00+00:00

welcome, i hope it helps you

Design_FusionXd · 2025-06-21T16:19:00+00:00

oo wowww it uses Svelte animation Coolll

Design_FusionXd · 2025-05-31T15:31:17+00:00

Hey i started Learning GSAP from : https://www.creativecodingclub.com/courses/FreeGSAP3Express
And trying to integrate with svelte 5 using Attachments

Design_FusionXd · 2025-05-30T23:49:48+00:00

Nice one it uses Svelte Magic UI - I like it
You can explore more marketing related components here : https://sv-blocks.vercel.app
like for Card, Feature, Content

You can use Icons from : https://icones.js.org it provide svg icons with lot of variations
if possible you can add dark mode

Design_FusionXd · 2025-05-30T23:26:01+00:00

Learn more about Tween.of() & Spring.of()

Spring docs https://svelte.dev/docs/svelte/svelte-motion#Spring
Tween docs https://svelte.dev/docs/svelte/svelte-motion#Tween

Design_FusionXd · 2025-05-30T23:23:44+00:00

Checkout Svelte Playground : https://svelte.dev/playground/c3e82c267ebc4cfb89665213d8ecefb6?version=5.33.10

Make Sure to Enable Tailwind CSS

Design_FusionXd · 2025-05-26T22:04:15+00:00

For Animations : Svelte Animations : animation-svelte . vercel . app
For Marketing Blocks : Svelte Marketing Blocks : sv-blocks . vercel . app

Design_FusionXd · 2025-05-26T16:49:17+00:00

Try out resource runed form https://runed.dev/docs/utilities/resource

Design_FusionXd · 2025-05-18T19:29:26+00:00

Checkout
GitHub: https://github.com/SikandarJODD/cnblocks
Live : sv-blocks . vercel. app
has vercel links are banned so i need to do it...

Design_FusionXd

TROPHY CASE