Design Radar
Support
LiveUpdated 2026-11-08 18:48 UTC

Componentry

Componentry — Hand-drawn marks — circles, highlights, underlines, cross-outs — sketched around inline…

Componentry is Hand-drawn marks — circles, highlights, underlines, cross-outs — sketched around inline text.. It is ranked #856 on the Design Radar, in UI component libraries, first seen 45 days ago and shared in 7 posts (126.1k views).

Visit componentry.dev

Annotated Text React Component | Componentry Docs Annotated Text Annotated Text Inline text marked up by hand: circles, highlighter, underlines, brackets and cross-outs, with gently irregular strokes that draw themselves as they enter view. Installation bun npm pnpm yarn pnpm dlx shadcn@latest add @componentry/annotated-text Dependencies: clsx tailwind-merge Usage import { AnnotatedText } from "@/components/ui/annotated-text" <div className="grid grid-cols-2 items-center justify-items-center gap-x-8 gap-y-7 text-base sm:gap-x-16 sm:gap-y-12 sm:text-xl"> <AnnotatedText variant="wavy" delay={0.0}>wavy</AnnotatedText> <AnnotatedText…

Alternatives to Componentry

Componentry in numbers

FAQ

What is Componentry?

Hand-drawn marks — circles, highlights, underlines, cross-outs — sketched around inline text. It was first shared on X 45 days ago and is ranked #856 on the Design Radar.

Is Componentry free?

Pricing is not stated on the page we read.

Who shared Componentry?

4 accounts on X, including @DevDsgn, in 7 posts totalling 126.1k views.

Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.