VGVaibhav Guptainfreecodecamp.org·Jul 31 · 19 min readHow to Create a Marketing Landing Page Using shadcn/uiMost marketing landing pages start with the same problem: you're staring at a blank screen and rebuilding sections you've already created countless times. A hero section, feature grid, testimonials, p10
VGVaibhav Guptainfreecodecamp.org·Jul 22 · 11 min readHow to Build a Reusable Date-Time Picker in React with shadcn/uiA date and time picker is one of those components that looks small in a design file and turns into a real time sink once you start building it. You need a calendar, a time selector, a state that keeps00
VGVaibhav Guptainfreecodecamp.org·Jul 13 · 14 min readHow to Build a Shadcn Sheet Component in React: Cart and Filter Panel ExamplesA Sheet is a panel that slides in from the edge of the screen instead of popping up in the center like a modal. You've likely used one when you've opened a shopping cart on an e-commerce site or tappe10
VGVaibhav Guptainfreecodecamp.org·Jul 7 · 21 min readHow to Build Production-Ready Card Components with shadcn/uiCard components are one of the most common UI patterns in web development. You see them in property listing apps, SaaS analytics dashboards, e-commerce product pages, and admin panels. But building a 10
VGVaibhav Guptainfreecodecamp.org·Jun 24 · 12 min readHow to Build an Animated Badge Component with shadcn/uiBadges are everywhere in modern web apps. You see them on notification counters, status labels, and feature tags. Most of them are static, though. They sit there doing nothing, blending into the page.10
