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 thisshow more

"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.show more

I just published the full guide to building forms... with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.show more

Did you asked for copying the schema and queries... in SQL, TypeScript, Zod, Prisma, Drizzle ORM, kysely formats?show more

Lots of custom-written SVG here! Each block is just... a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.show more

🔥 Just released: RevenueCat Paywalls now supports videos. Add... a video component to your paywall, just as you would an image. Give it a try in your next A/B test.show more

📺 RevenueCat Paywalls now supports videos. ➕Add a video... component to your paywall, just as you would a photo.show more

It's crazy how easy it is to build agentic... workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extractionshow more

Animated image loader component library ready to use, supports... dark and light theme npm install img-fxshow more

working on a custom timeline component for our time... machine interface 🪄show more

A new shadcn primitive for ye! The Image Crop... component — a fully composable component for cropping uploaded images. Link 👇🧵show more

built a small simple component for middle truncation based... on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝show more

introducing: gooey effect component for Framer use this component... to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)show more

Custom components using . Want to know my process... + prompts? Drop "component" below, I'll share them with you.show more

Another banger Kibo UI component by rickyrickyri just dropped!... A fully composable shadcn credit card component 💳 Link 👇🧵show more

Supabase has a new way of managing database migrations... called declarative schema, and it works excellent with Cursor, too! Just ask Cursor for the modification you want to have on the database and generate migrations with the CLI! It really helps to keep the schema organized!show more

Built an animated Liquid Metal border component library with... built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fxshow more

this is a big day for Framer users. you... can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.show more

Create your own custom controller and get a free... engraving 🎮 ​​ Save up to 20% on Xbox controllers and reduced prices on components on Xbox Design Lab:show more

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.show more

I want to open source the infinite grid component... that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?show more