Say hi to the Kibo UI QR Code shadcn... component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵show more

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

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

Made a file-uploader component with shadcn ui, react-dropzone, and... Theo uploadthing.show more

a react component which — takes any SVG string... — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polarshow more

Code Connect is now out of beta and with... new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024show more

Hotel management dashboard template. Built with React, Tailwind CSS... & shadcn/ui 👇👇show more

Figma design vs Claude Code output Here's my workflow:... → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the outputshow more

Introducing Generative UI for MCP Apps One server. Infinite... interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and moreshow more

Introducing Kibo UI Blocks — a new series of... shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵show more

Added a glow feature to my shadcn cards with... tailwind v4, no component duplication, just blendmode and css shananigans ✨show more

new on Framer: pricing slider use this customizable component... to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)show more

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to... be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.show more

onboarding checklist component UI showcase animation. JS, built with... Claude Codeshow more

🎉 Introducing: Interactive Lanyard Component for Framer. Add a... custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)show more

made a media-player component with shadcn /ui. includes 120... fps scrubbing, volume and loading indicators, hls support and more.show 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

Gooey bar shadcn component idea

just shipped a curved scrollbar made with Expo react-native-svg... and reanimated works on mobile and web grab the code 👇show more

See all the places your React component is used... in VSCode with referencesCodeLensshow more