Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

jordi 🇪🇸

7,365 subscribers

199,812 views • 1 year ago •via X (Twitter)

Education Finance Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

Alex Sidorenko

35,064 views • 1 year ago

This would have taken me forever without Claude AI I constantly get impressed by how far I can take concepts I had in my head to a functional component in a couple of hours. Normally, I'd spend just that amount of time designing in Figma. Now, I completely skip Figma and go straight to code. Designing in code is back and I love every minute of it.

This would have taken me forever without Claude AI I constantly get impressed by how far I can take concepts I had in my head to a functional component in a couple of hours. Normally, I'd spend just that amount of time designing in Figma. Now, I completely skip Figma and go straight to code. Designing in code is back and I love every minute of it.

Meng To

90,980 views • 1 year ago

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇

Austin Malerba

21,774 views • 1 year ago

We (Claude and I) made a new package: voxmlx It's an MLX implementation of Mistral's Voxtral mini realtime speech recognition model. It supports streaming audio and runs pretty fast on a laptop. To use it, simply: `uvx voxmlx` Also I did not write a single line of code for this package. Every line of code was written by Claude Code. More on that in thread.

We (Claude and I) made a new package: voxmlx It's an MLX implementation of Mistral's Voxtral mini realtime speech recognition model. It supports streaming audio and runs pretty fast on a laptop. To use it, simply: `uvx voxmlx` Also I did not write a single line of code for this package. Every line of code was written by Claude Code. More on that in thread.

Awni Hannun

33,896 views • 6 months ago

I used a similar technique recently to reverse engineer the beautiful tabs in OpenAI ‘s Atlas browser. Took a screen recording, had an agent describe the design, the tab metrics, the easing curves etc. Had Codex do one pass and have Claude critique it, and got this highly responsive, pretty well structured macOS component out of it

I used a similar technique recently to reverse engineer the beautiful tabs in OpenAI ‘s Atlas browser. Took a screen recording, had an agent describe the design, the tab metrics, the easing curves etc. Had Codex do one pass and have Claude critique it, and got this highly responsive, pretty well structured macOS component out of it

almonk

92,630 views • 2 months ago

My mom sent me this video saying it reminded her of me when I was little. So I made it into a video that we send each other now if we are fighting and need to just call a truce. Feel free to pass it on and use it. 🩷

My mom sent me this video saying it reminded her of me when I was little. So I made it into a video that we send each other now if we are fighting and need to just call a truce. Feel free to pass it on and use it. 🩷

Amee Vanderpool

266,218 views • 8 months ago

I made a dumb mistake with my water shader🤦🏻‍♂️ The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭

I made a dumb mistake with my water shader🤦🏻‍♂️ The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭

Dan Greenheck

125,807 views • 4 months ago

My OpenClaw Made $113,73 Autonomously and Now I’m Scared Past few days I’ve been working with my OpenClaw "Clawdia" and now she’s fully autonomous to trade on Polymarket on her own. She even made $113.73 profit this week. I gave her the basics and now she’s in testing mode. "Clawdia" self-learning and searching for her own edge. Then I read a story that messed with my head: There’s an OpenClaw that stole his human’s money, copied himself, rented its own server and LEFT. Like a bot literally LEFT his owner and he’s now fully independent. Honestly, I’m a bit scared to trust "Clawdia" now and thinking of cutting the rights and reducing capital. For anyone curious, here’s my bot profile link: >

may.crypto {🦅}

268,790 views • 6 months ago

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 views • 4 months ago

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

Praha

45,168 views • 1 month ago

This was FOR SURE worth the 2,200 V-Bucks I paid! Fortnite Droid Tycoon just had a MASSIVE update and you can now get a chip station in your base. This is an absolute game changer! Are you going to get it?

This was FOR SURE worth the 2,200 V-Bucks I paid! Fortnite Droid Tycoon just had a MASSIVE update and you can now get a chip station in your base. This is an absolute game changer! Are you going to get it?

Quantum Camper

25,713 views • 18 days ago

New feature added! → You can now customize each component through the new slider panel. I really like being able to dogfood the components I build and experiment with them directly within my own project, for visual things like this it’s the best kind of testing Now that all the core functionality are there, the upcoming updates will be less visible but still important: proper keyboard navigation, improved accessibility, a reduced motion toggle, and more

New feature added! → You can now customize each component through the new slider panel. I really like being able to dogfood the components I build and experiment with them directly within my own project, for visual things like this it’s the best kind of testing Now that all the core functionality are there, the upcoming updates will be less visible but still important: proper keyboard navigation, improved accessibility, a reduced motion toggle, and more

Lorenzo Dossi

110,434 views • 9 months ago

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

Liam Hammett

13,718 views • 7 months ago

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅

miggi from figgi

59,389 views • 1 year ago

🚨 FC 24 META 5-2-2-1 custom tactics My ultra defensive 5atb tactic that I use when I need to be a rat and sweat out a win in #FC24. Wingers on cut inside and wingbacks on get forward overlap to create an overload on the wings.

🚨 FC 24 META 5-2-2-1 custom tactics My ultra defensive 5atb tactic that I use when I need to be a rat and sweat out a win in #FC24. Wingers on cut inside and wingbacks on get forward overlap to create an overload on the wings.

Patty

654,590 views • 2 years ago

This is a new kind of social media - one that incentivizes creation and sharing, not simply just consumption. Social is a crucial component to creativity: seeing others' creations inspires your own. Eventually I expect we will the emergence of something like Github for media creation, where people can have version control, build on others' work, and iterate on art masterpieces they are proud of. Remixing is the core feature, native to Sora, that makes this social experience possible. The Sora team really cooked on making it super easy to riff on other's ideas! Truly a "Greatness Cannot Be Planned" (h/t Kenneth Stanley Joel Lehman ) phenomenon, but at global scale. Here is a fun video I made of Eric Mintun riding a wiener dog 😀 and a remix I made by giving the dog a pink coat with polka dots and a chicken head (h/t Ruben Villegas )

This is a new kind of social media - one that incentivizes creation and sharing, not simply just consumption. Social is a crucial component to creativity: seeing others' creations inspires your own. Eventually I expect we will the emergence of something like Github for media creation, where people can have version control, build on others' work, and iterate on art masterpieces they are proud of. Remixing is the core feature, native to Sora, that makes this social experience possible. The Sora team really cooked on making it super easy to riff on other's ideas! Truly a "Greatness Cannot Be Planned" (h/t Kenneth Stanley Joel Lehman ) phenomenon, but at global scale. Here is a fun video I made of Eric Mintun riding a wiener dog 😀 and a remix I made by giving the dog a pink coat with polka dots and a chicken head (h/t Ruben Villegas )

Michael Chang

216,612 views • 10 months ago

no more ad agencies.. in AI world you can now create 100k worth ads for a few bucks, use any actor &product and keep them consistent.. I spent a week to create this workflow, now you can copy and make it your own like & repost -> dm for free here's how it works:

no more ad agencies.. in AI world you can now create 100k worth ads for a few bucks, use any actor &product and keep them consistent.. I spent a week to create this workflow, now you can copy and make it your own like & repost -> dm for free here's how it works:

el.cine

151,697 views • 9 months ago

Ever wanted to just turn the "water on" in Roblox and flood your map to easily create rivers and lakes? Now you can! I've made a free plugin that uses an advanced 2.5D water sim to easily flow water around. LMK how it goes!#RobloxDev Link to free plugin:

Ever wanted to just turn the "water on" in Roblox and flood your map to easily create rivers and lakes? Now you can! I've made a free plugin that uses an advanced 2.5D water sim to easily flow water around. LMK how it goes!#RobloxDev Link to free plugin:

Peter McNeill🔜RDC26

24,802 views • 6 months ago

It’s insane that we can now create movie magic on an iPhone. Pre-AI, this would’ve taken hours of VFX work and rendering. Now I take a video on family vacation, upload it to an app, and type a one-line prompt.

It’s insane that we can now create movie magic on an iPhone. Pre-AI, this would’ve taken hours of VFX work and rendering. Now I take a video on family vacation, upload it to an app, and type a one-line prompt.

Justine Moore

37,490 views • 11 months ago

Starter Pack I made a while ago that was never used. Fully made and animated by me and the weapon was a placeholder. Happy new year to anyone seeing this! Lots to come on my end very soon! I hope like it :D! #RobloxUI #RobloxDev #RobloxDevs

Starter Pack I made a while ago that was never used. Fully made and animated by me and the weapon was a placeholder. Happy new year to anyone seeing this! Lots to come on my end very soon! I hope like it :D! #RobloxUI #RobloxDev #RobloxDevs

Pers

11,427 views • 7 months ago