ns-ui / loud

ASCII Knot Volumetric

A genuine volumetric (3,2) torus knot rendered in ASCII: a solid tube swept along a self-crossing parametric centerline via a Frenet frame, with real per-character depth buffering resolving the strand crossings, Lambertian shading, and drag-rotate inertia.

Use when a solid, self-crossing 3D knot rendered in ASCII where the crossings actually resolve correctly (nearer strand occludes the far one) as you rotate it; pick ascii-torus-donut instead for a simple non-self-crossing torus, or ascii-globe-spin when the sphere needs to read as a planet with a lat/lon readout.

Install

npx shadcn add https://design.helpmarq.com/r/ascii-knot-volumetric.json
  • ascii
  • 3d
  • canvas
  • cursor
  • knot
  • physics
ns://uins-ui / ascii-knot-volumetric
drag to rotate — volumetric tube, Frenet frame, real crossingszero deps / inline trig

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
className?string