Articles

Articles on #gallery

2 articles. See them all

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

Behind the build · Floodlit — 3D Sneaker & Shoe Showroom for React with a WebGL Product Gallery

A 3D shoe showroom in raw WebGL2: line lights, clear acrylic, soft shadows and a worker

How Floodlit lights photographs as part of a 3D room in raw WebGL2: the line-light maths, clear acrylic with no depth buffer, soft shadows, a scanned wall, and the room in a Web Worker.

Ramin ValadanProved GitHub account and website, confirmed e-mail: checked by UpFork24 min readAI2

15 lessons

Behind the build

Behind the build · Pacewall — Sneaker & Shoe Store Product Grid for React and Tailwind CSS

Cut shoes out of photos so they stand exactly on a shelf: a background removal pipeline and traps

Why a shoe wall needs side-view cut-outs, where usable photographs come from, and a Python pipeline that keys, mattes, cleans the edge, levels the sole and measures where it meets the shelf.

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

14 lessons