Docs
npx shadcn@latest add https://better-components-alpha.vercel.app/r/sketch-border.json
Hand drawn
Example.tsx
import { SketchBorder } from "@/components/better/sketch-border"
export function Example() {
return (
<SketchBorder color="#6366f1" strokeWidth={2} roughness={4} radius={10}>
<span className="px-4 py-2 text-lg font-medium">Hand drawn</span>
</SketchBorder>
)
}