Design KitComponentv0.3.0

NBBioCard

Author/Person bio card supporting JSON-LD, social links, and a tilted sticker label.

All componentsKit overviewContact

When to use

Use for author bylines, team member profiles, or contributor credits.

Import

Import
tsx
import NBBioCard from "@/components/NBBioCard";

Example

Example
tsx
// See import NBBioCard from "@/components/NBBioCard"; for import usage.

Live preview

✍️About the Author
John Doe

John Doe

Web Stylist

I love rigid shadow drops.

People also ask

Where do I import NBBioCard from?

Use: import NBBioCard from "@/components/NBBioCard";

How do I keep it multi-domain safe?

Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().

Design kit

Turn this into a sellable export

If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.

ContactAll components