Articles

Articles on #product-carousel

2 articles. See them all

AllTutorialsBehind the buildPerformanceDesignTips and fixes
Topics
ComponentsGalleriesHeroesCardsDialogs / ModalsListsCarouselsDashboardsShadersFormsGrids & BentoSidebarsBackgroundsMenusNavigation MenusSlidersVideosCalendarsCursorsDocksMapsMarqueesNotificationsProfilesReal estateRestaurantsSearch BarsTables
Landing pagesFinanceLogisticsRestaurants
Full-stack projects
MobileCarouselsCommerceGesturesButtonsNavigation & Tab BarsPhotos & MediaPickersVisual Effects
Behind the build

Behind the build · Hangline — 3D Clothing Store Product Carousel for React, with Sizes, Bag & Accessory Tray

Cutting AI garment pictures so they hang true: a signed key, hook points and shadows for a CSS rail

The Python pipeline behind Hangline's AI-generated garment pictures: a signed LAB key, clean edges, hook points found by shape, colourways, shadow masks and an edge audit. 21 lessons.

Ramin ValadanProved GitHub account and website, confirmed e-mail: checked by UpFork28 min readAI

21 lessons

Behind the build

Behind the build · Hangline — 3D Clothing Store Product Carousel for React, with Sizes, Bag & Accessory Tray

Hangline: a 3D clothing rail in pure CSS, with one camera, swinging hangers and an endless rail

How Hangline hangs garments on a steel rail in CSS 3D alone: one camera in numbers, one number per piece, wall shadows, hanger springs and an endless rail, with 19 lessons.

Ramin ValadanProved GitHub account and website, confirmed e-mail: checked by UpFork29 min readAI

19 lessons