Orvain UI

Header, lens

Calendars where you want to see where you are in the month: planners, availability and scheduling.

Get Pro to installPro16 blocksReact, Vue and Figma
MCPConnect the MCP server
Team calendar11 events this week · 3 of 6 calendars

20 – 26 April

123456789101112131415161718192021222324252627282930
Team calendar11 events this week

20 – 26 April

Alt-click a category to show only that one
123456789101112131415161718192021222324252627282930
Team calendar11 events this week
123456789101112131415161718192021222324252627282930
Team calendar11 events this week

20 – 26 April

This week
123456789101112131415161718192021222324252627282930
Team calendar11 events this week

20 – 26 April

W1T2F3S4S5M6T7W8T9F10S11S12M13T14W15T16F17S18S19M20T21W22T23F24S25S26M27T28W29T30

More in Calendar#

Daily

Day schedules, dispatch boards, appointment logs

Day folded

Busy days with gaps: personal planners, on-call and handover views

Day inspector

Desk and dispatch tools where each slot needs its details at hand

Weekly

Team calendars, rosters, booking and scheduling screens

Week lens

Week planners where one day matters most: scheduling, booking, handovers

Week lines

Capacity and availability views, shift planning, a week at a glance

Monthly

Team calendars, availability overviews, editorial and release calendars

Month and day

Planners that pair a date picker with the day's schedule, booking and dispatch screens

Month load

Capacity and workload views, team availability, shift planning

Header with actions

Team calendars, shared schedules, workspaces with notifications

Header with filter

Filtered schedules, event-type views, booking calendars

Header with search

Archives, long-range planning, calendars people search more than browse

Header with date tile

Personal planners, booking apps, dashboards that open on today

Header with day strip

Mobile agendas, class timetables, picking a day without a month grid

Header, ink

Calendars that want a calmer, more precise bar: planners, booking and review screens

Header, lens

Calendars where you want to see where you are in the month: planners, availability and scheduling

When to use#

  • Schedules where a clash is the thing to spot: rooms, staff, equipment.
  • Dispatch and appointment work driven by the current hour, where a now line says where you are in the day.
  • A month-at-a-glance read of how loaded the coming weeks are.
  • A team's week, where each day or resource holds its own column.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans