# Start a free trial

Start a free trial: each tick of the clock fills the next day of a seven-day trial.

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/free-trial
- Preview image: https://media.illos.dev/previews/e83318a2/flat/free-trial.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/free-trial.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/free-trial.json`

On the page, Copy gives the SVG and Download the file.

## How it moves

1. a seven-day trial shows its first three days used.
2. each tick of the clock fills the next day, and the ring moves on.
3. a new week clears the days, and they fill again from day one.

## Where it fits

For any product with a free trial: the empty dashboard before the trial starts, the onboarding screen that asks for a first step, or the section of a pricing page on how the trial works. The days filling one tick at a time show how long the trial lasts and how much of it is left, without a countdown in red. As a spot it fits above the heading and the Start free trial button of an empty screen. It is free to copy and pairs with Choose a plan, Add your first website and Plan upgrade.

Pairs well with: Choose a plan (https://illos.dev/library/interface/choose-plan.md), Add your first website (https://illos.dev/library/interface/first-website.md), Plan upgrade (https://illos.dev/library/interface/plan-upgrade.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)