Building Blocks for the Web

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Browse Blocks Add a block

Featured Sidebar Authentication Login Calendars

A simple fullscreen calendar that allows to navigate between months and displays events.

app/fullscreen-calendar/page.tsx

import { FullScreenCalendar } from "@/components/fullscreen-calendar"

export default function Page() {
  return (
    <div className="flex h-screen flex-1 flex-col">
      <FullScreenCalendar />
    </div>
  )
}