---
title: "Google sign-in with a habit week"
description: "A one-button sign-in page on warm paper: one calm column with the heading, a Google button, a note on what the calendar access covers and the terms, above a small week of habits."
plan: Pro
docs: https://ui.edbn.me/docs/templates/google-sign-in-with-habit-week
---

# Google sign-in with a habit week

A one-button sign-in page on warm paper: one calm column with the heading, a Google button, a note on what the calendar access covers and the terms, above a small week of habits.

Tendril is an invented routine planner, set in DM Sans with clay on warm paper. The mark, the heading, one muted line, the Google button, the calendar-access note and the terms share one 360px column centred on the page, and the footer keeps the column's left edge. Under the column sits a small glimpse of the product: three habits across one week, with the days kept so far filled in clay, missed days outlined and the weekend still ahead. Each row is read out as how many days were kept. There are no fields, so there are no sample values. The column is the same at every width.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/google-sign-in-with-habit-week
```

## Dependencies
- npm: lucide-react@^1.33.0, @fontsource-variable/dm-sans@^5.3.0
- edbn: edbn-base, button, field, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More authentication templates

All 10, with install commands: https://ui.edbn.me/docs/templates/authentication · https://ui.edbn.me/docs/templates/authentication.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt