# Relative Time components

> Show time differences elegantly with 3 React relative time components, ideal for activity feeds and notifications in modern Next.js apps.

11 components available. Showing all of them below.

- [Relative Time Card](https://21st.dev/@shugar/components/relative-time-card.md) — by tigran tumasov
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/controlled-time.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/custom-date-format.md) — by Hayden Bleasel
- [Relative Time](https://21st.dev/@haydenbleasel/components/relative-time/custom-time-format.md) — by Hayden Bleasel
- [RelativeTimeCard](https://21st.dev/@popov-dmitry/components/relative-time-card.md) — by Popov Dmitry
- [Comments](https://21st.dev/@sshahaider/components/comments.md) — by Efferd
- [Relative Time Card](https://21st.dev/@shugar/components/relative-time-card-1.md) — by tigran tumasov
- [Timestamp](https://21st.dev/@oldkong88/components/timestamp/duration-badge.md) — by SEONG HUN
- [Relative Time Card](https://21st.dev/@shugar/components/relative-time-card-old.md) — by tigran tumasov
- [Toolbar](https://21st.dev/@olivier_1b6cd5bc/components/toolbar-1.md) — by Olivier Tassinari

Full component directory: https://21st.dev/llms.txt