Meeting Start

Imminent meeting banner with a sky Join button and stacked attendee avatars ringed by RSVP status.

Release planning · Q3In 3 min · 30 minutes
BSKOAKJPNA

New here? Read the installation guide.

Import & use
import { Calendar26 } from "@/components/beste/piece/calendar26";

<Calendar26
  title="Release planning · Q3"
  window="In 3 min · 30 minutes"
  joinLabel="Join"
  attendees={[
    {
      "initials": "BS",
      "image": "https://images.unsplash.com/photo-1625241189662-2980453ebffc?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDF8fHxlbnwwfHx8fHw%3D"
    },
    {
      "initials": "KO",
      "image": "https://images.unsplash.com/photo-1568392021577-fad7eb6efba1?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fHw%3D"
    },
    {
      "initials": "AK"
    },
    {
      "initials": "JP",
      "image": "https://images.unsplash.com/photo-1604072366595-e75dc92d6bdc?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mjg2fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
    },
    {
      "initials": "NA"
    }
  ]}
  tone="sky"
/>

More Calendar pieces

View all Calendar
This week · meetings
3Mon
5Tue
4Wed
7Thu
4Fri

Meeting Density

Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.

Upcoming reminders
Pay estimated taxThu, Apr 24 · 17:00
Annual review prepFri, Apr 25 · 09:00
Call parentsSat, Apr 26 · 11:00
Yoga classSun, Apr 27 · 08:00

Reminder List

Upcoming reminders panel with a tone-colored dot per item and a mono due time on the right.

Meeting booked
Discovery call with Kestrel Labs
Thu, Apr 30 · 14:00 – 14:30Google Meet · meet.beste.co/kestrel3 invited

Booking Confirmed

Meeting-booked card with an emerald check header, when/where/guests rows, and add to calendar plus reschedule.

Today · Thu 23 Apr
09:30
Design reviewFigma
11:00
1:1 with MiraMeet
14:30
Ship roomOffice · 4F

Day Agenda

Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.

Quick create

Quick Create

Two-column grid of preset meeting templates, each showing the label and its intended time slot.

Launch countdownMay 1, 2026 · 09:00 UTC
08days
11hrs
42min
07sec

Countdown

Launch-countdown card with an amber icon, target date, and four ring-bordered time-unit tiles.

Markdown version