Tailwind CSS & React Calendar Template - Material Tailwind PRO

Use our calendar templates to help users view, select, and manage dates and times. With features like daily, weekly, and monthly views, they are perfect for scheduling events, picking dates, and organizing tasks. Explore our beautiful examples of calendar sections built with Tailwind CSS and React below.

Weekly Schedule Template

This calendar section displays a weekly view of scheduled tasks and meetings, allowing users to easily track their upcoming events. It includes date navigation, event details, and links for quick access to meetings.

Daily Calendar Template

This Tailwind CSS block provides a detailed daily breakdown of upcoming events and activities, helping users stay on top of their schedule. Each event card shows time, participants, location, and other relevant details.

Create New Event Template

Try this beautiful block example to help users quickly set up new events by entering specific details (like the title, date, time, guests, and meeting links). It allows for easy event management with options to add descriptions and attachments.

Sign up for our newsletter

Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.

By subscribing, you accept Brevo's Terms of Service and Privacy Policy.