Live design demo
Link
A minimal personal link-in-bio page with profile, social links, and a short tagline — open the live showcase. Navigate inside the frame — you are still on Tawny.
Hugo Lin
CS @ USC | Making 1chooo.com more fun
About
Link is a single-page link-in-bio template inspired by classic personal link pages. It ships with a profile avatar popup, serif link buttons, and a short italic tagline — ready to customize with your own name, bio, and URLs.
Use the live demo above to try the interactions inside Tawny. When you are ready to start from the same foundation, scaffold a copy with the create command below, then swap in your links and profile details.
Get the template
Scaffold a local copy with your preferred package manager.
pnpm create tawny@latest link my-appTemplate source
Browse every file in templates/link.
templates/link
# Link
A minimal personal link-in-bio page — profile, social links, and a short tagline.
Design by [Hugo Lin](https://1chooo.com).
## Quick start
### Option A — create-next-app (recommended)
```bash
npx create-next-app@latest my-links \
--example "https://github.com/1chooo/tawny" \
--example-path "templates/link"
```
### Option B — create-tawny CLI (interactive prompts)
```bash
npx create-tawny@latest link my-links
```
Then:
```bash
cd my-links
pnpm install # or npm / yarn / bun
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000).
## Customize these files
| File | What to change |
|------|----------------|
| `lib/links.ts` | Profile name, bio, avatar, tagline, and link list |
| `app/layout.tsx` | Site title and metadata |
| `app/page.tsx` | Page composition (usually leave as-is) |
### Placeholders
Search for `{{AUTHOR_NAME}}`, `{{AUTHOR_EMAIL}}`, `{{GITHUB_USERNAME}}`, and `{{CITY_NAME}}` across the project and replace them, or use Option B which does this automatically.
## Stack
- Next.js 16 App Router & React
- Tailwind CSS v4
- Typography inspired by [1chooo.com](https://1chooo.com)
## License
MIT — see [LICENSE](./LICENSE).