Projects 38 block design & features
Projects38 presents software work inside devices. This shadcn/ui block opens with a heading and description, then lays out a two-column grid where the right column is shifted down, so the cards step across the page.
Each project sits on a rounded muted stage holding either a browser window or a laptop, both built with CSS. The browser has traffic-light dots, a toolbar, and an address bar with a lock icon and the project URL. The laptop has a dark rounded bezel with a camera dot and a base with a small notch. The screenshots swap to dark versions in dark mode.
Below each stage are the project name, a one-line summary, and the services, with an arrow that darkens on hover while the name underlines.
On mobile the grid becomes a single column and the stagger is removed. It suits product design studios, freelancers, and dev shops showing web apps and dashboards.