Build Forms 10x Faster with This Shadcn Tool

[@webdevjan]

My bad, you can find the custom dependencies (such as the multi select shown in the video) by clicking on the names under the resources section here: shadcn-form-build.vercel.app/readme

[@haskup]

I updated this part. If you click non-official-shadcn component there will be a notice and link above the tabs. thanks for the great feedback.

[@ernst367]

​@@haskupthanks a lot

[@haskup]

Omg 🙌 thanks for sharing my project. Thats the best video explains the work. I understand the feedbacks. I'll update agan in soon

[@webdevjan]

You're welcome! Thanks for sharing this amazing tool for free with the community, keep it up. :)

[@gamemak0r]

It definitely caught my eye. Writing out zod form validation takes forever

[@haskup]

@@gamemak0r I'll try to add more options while editing but it likes a hell, I wrote so many converters for zod. I can say that we need much simpler validation system. It is solid but it gets complicated for a specific validation types.

[@SandeepSingh-jm1lv]

That's an amazing project man. Will definitely use in my projects.

[@Confidencerobionsion]

Superheroes don't always wear capes ❤

[@davidnguyen9065]

Holy shit! This is a game changer! Thank you so much for sharing this!

[@serpercody5347]

This was a great recommendation by the youtube algorithm, thanks for sharing this will save a lot of time

[@webdevjan]

Glad you like it and found something new and useful to use!

[@nanaassumadu4997]

I think most likely he is using shadcn-vue. The multiselect component is there and just so easy to use... A great resource thanks so much

[@webdevjan]

Probably not, since the components have code snippets that have "use client" at the top, which means it's rather made for nextjs users. :)

[@nanaassumadu4997]

@@webdevjan Yh I noticed that.

[@mathesonstep]

This is awesome... I hope it stays maintained

[@haskup]

I will be. I'll update weekly.

[@LearnAlongFaizan]

great video, this tool is a game changers, please share more

[@misajid2264]

Thanks!! It will save so much time.

[@wizlock007]

my friend sent me few days ago, i checked it similar to shadcn u have all the docs and it has few things like conditional rendering based on user interaction and support for any custom component

[@aghileslounis]

Great video, thanks for sharing!

[@avivshvitzky2459]

This is super cool. But I am suggesting what I have done - I've created a dynamic form creator that generates a form based on a json config. It easier to manage than to see a huge html/jsx section, you can make macro or micro changes to any form, and there's less DRY issue

[@adriandewinter7262]

Would love to check that out. Do you have that shared somewhere?

[@kaedriz]

@@adriandewinter7262 Schema from FormKit? But only for Vue, dunno for react.

[@avivshvitzky2459]

​@@adriandewinter7262 You basically create a simillar json: const formLayout = [ { layout: 'grid grid-cols-1 gap-4', fields: [ { field: 'input', type: 'text', value: state.title, label: 'Title', placeholder: 'Title', name: 'title', }, // more fields } ] each child represents a form group, and each of its children is a form field. you can define diff attributes and even design. Then make a form-creator file that loops over this json and renders accordingly. there you can write once how fields look, instead of doing it many times in your code.

[@Akshaypmna]

Thanks for sharing

[@mdalmamunit427]

always making top notches video ❤

[@webdevjan]

Appreciate it!!

[@asimalqasmi7316]

Really amazing

[@FrontendNerd-lg3oh]

thanks for sharing 'Jan" , Jan in Urdu /Hindi mean Dear Loverly

[@webdevjan]

You're welcome! Always nice to learn something new

[@faisal.fs1]

It's the same in Bangla too 😅

[@mahfoudh_arous]

thanks for sharing 🙏

[@moggedau]

Open claude - pass form fields - ask for ShadCn component use, Lucide Icons, and zod validation with correct typescript use. Gen AI is too OP for basic web applications now that it makes tools like this quite redundant.

[@pookiepats]

ill take a builder over a nondeterministic AI that has rate limits, outages & is slow AF. what a weird thing to say.

[@pookiepats]

you also completely ignore the iteration speed and context, you've really reached on this it is upsetting. it gets more wrong the more i think about your statement.

[@Aditya-lc5uk]

Got a new project idea 😈😈 Will try to make this and add even more features like a multi step form probably...maybe extend it even further than form ?? What else idk though 😅😂

[@haskup]

It is on the roadmap. Will be added in November. You can contribute to the project if you want. I haven't started that part yet.

[@jacquesmatike9289]

awesome !

[@PenguinjitsuX]

This looks cool, but I'm not sure what advantage this has to just writing the code yourself. Each field element would be one line of code anyways and you just have to set the name and label.

[@webdevjan]

I think it's just a no brainer that saves you time when you for some reason don't feel like working on your own custom form and just want to get things done fast. :)

[@peterhryhoruk]

Form and UI at all is basically the simplest thing in whole frontend. I don’t get why people get crazy about this shadcn stuff

[@peterhryhoruk]

But I’ve implemented it to my commercial frontend project and I have something to stay First of all I hate tailwind and I don’t get why some of you and developers of shadcn do. Secondly, yea it has comfort cli 3. It still has pretty annoying setup process because of tailwind most of all)) 4. I didn’t get why do I need to install libraries inside shadcn. So my deps look like bs. And also ide recommendations now look like bs 5. The only pros from shadcn I got that I don’t need to care about making UI for inputs element 6. Though I still need to make custom UI from shadcn input which took origin from some framermotion or another “useful” library )) It’s some sort of crazy

[@AbhiShake-pl3cf]

​@@peterhryhorukyour 6th point answers your question :)

[@AbhiShake-pl3cf]

I still think autoform is much faster

[@AbhiShake-pl3cf]

Its more extensible, all code based and combined with z.infer and z.custom, it takes pretty much no time

[@wagyumedia]

Insta sub when game changer is really a game changer

[@Divyv520]

Hey web , I really enjoyed your latest video! Your content has a lot of potential, and I specialize in helping creators grow their KZbin channels through proven strategies that have worked for my clients. If you're ever interested in taking your channel to the next level, I'd love to discuss how I can assist you with everything from planning to execution. Let me know if you'd like to connect!