ns-ui
A phone-frame device mockup whose screen is a live ASCII/scanline raster; dragging the handle skews the frame while the raster independently resamples its glyph rows to the same tilt.
Use when a device mockup whose screen content is a live, re-sampling raster reacting to a 2D drag tilt — pick image-crop-mat instead for defining a crop window over a static photo with no device chrome, or minimap-pantograph for a scroll-position linkage with no screen rendering at all.
Install
npx shadcn add https://design.helpmarq.comns-ui / device-mockup-ascii-screen
The screen is a live ASCII raster with a scanline sweep. Drag the handle (or use arrow keys) to tilt the frame — the raster resamples to match.
| Prop | Type | Default | Description |
|---|---|---|---|
| className? | string | — | — |