Marketing

Glyph art

shadcn add @detent-pro/glyph

Props 7

shapeGlyphShapeRequired: What to draw: `{ path }` for a 24×24 SVG icon path, with optional `view` and `scale`, or `{ text }` for a word, with optional `weight`. Change it and the characters re-form.
cellnumber: Character size in pixels. Left out, it sizes itself to the space.
inkstring: Colour of the characters. Left out, it uses your text colour.
accentstring: Colour where the pointer and ripples light it up. Left out, it uses `--accent`.
interactiveboolean: Set to false for a still, decorative version that ignores the pointer.; Default true
labelstring: What it shows, for screen readers. Left out, it's hidden from them as decoration.
classNamestring: Classes for the canvas. It fills its parent, so size the parent.; Default ''

usage.tsx

<GlyphArt
  shape={shape}
/>

19 Pro components, 12 whole screens and 1 template. The source lands in your project, yours to change, with every update for life.

~~$99~~$79once

Full refund within 14 days, no questions.