Tailwind CSS home page

Showcase

Keynote

Screenshot of the Keynote Tailwind UI template. The header contains the DeceptiConf logo, a date and location, and a 'Get your tickets' button. The hero section contains the page title in large lettering, followed by two introduction paragraphs.
Technologies
Tailwind CSS, Next.js, React
Date
URL
tailwindui.com/templates/keynote
Go to website

Keynote

A beautiful conference site template by the Tailwind CSS team.

Keynote is a beautiful conference template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team. It’s production-ready and easy to customize, making it the perfect starting point for your own conference site.

Use this template for your own website →

Screenshot of the 'Speakers' section of the Keynote Tailwind UI template. The conference dates are displayed on the left side of the screen. On the right is a grid of speakers with three columns. Each speaker has an avatar image and job title.
Speakers section with headshots, names, and job titles. Speakers are grouped by which day they are speaking.
Screenshot of the 'Schedule' section of the Keynote Tailwind UI template. The conference dates are arrange in three columns. Each column contains a list of events for that day. Each event has a speaker name, talk title, and time.
Conference schedule organized in three columns, one for each day of the conference.
Mobile screenshot of the Keynote Tailwind UI template. The header contains the DeceptiConf logo, and a date and location. The hero section contains the page title in large lettering, followed by two introduction paragraphs.
Mobile screenshot of the 'Schedule' section of the Keynote Tailwind UI template. The conference dates are in a row at the top of the screen and extend off screen. The events for the first day are listed below with a name, title, and time for each.
Mobile screenshot of the Keynote Tailwind UI template footer. The footer contains a newsletter sign up form with an introduction paragraph and email address input field. Below that is the DeceptiConf logo and copyright notice.
The Keynote template experience on mobile devices.
Screenshot of the Keynote Tailwind UI template footer. The footer contains a newsletter sign up form with an introduction paragraph and email address input field. Below that is the DeceptiConf logo and copyright notice.
Website footer with an opt-in email form to sign up for a newsletter.