Design Events Guide is a beautiful, minimal, fully-featured events calendar template perfect for showcasing conferences, workshops, meetups, and festivals. Built with a clean, minimal aesthetic that puts your events front and center.
The template here is based on design events for 2026, but fork it and make it for any events or other things you find it useful for!
Features:
- Full year calendar view with sticky month labels
- Search events by name or location
- Filter by continent and event type
- Add events to Google Calendar, Apple Calendar, or Outlook
- User accounts with saved/bookmarked events (database ready)
- Event details modal with speaker info and venue details
- Event submission form (database ready)
- Dark/Light mode support
Use Cases:
- Design conference calendars
- Tech event directories
- Community meetup listings
- Industry event guides
- Company event portals
âś± Please note you can use and test this template in full functionality without having to set up a data base first. Try it out first, add a db later.
Database Setup
This template is database-ready. To enable user accounts and event submissions:
Supabase
- Create a Supabase project
- Add environment variables:
```
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
``` - Run the SQL migrations in `/scripts`
Neon
- Create a Neon database
- Add environment variable:
```
DATABASE_URL=your_neon_connection_string
``` - Run the SQL migrations in `/scripts`
Customization
Events Data
Edit `lib/events-data.ts` to add your own events:
```typescript
{
name: “Your Event Name”,
location: “City, Country”,
country: “
”,
continent: “North America”,
startDay: 15,
endDay: 17,
time: “9am - 6pm”,
url: “https://yourevent.com”,
edition: “3rd Edition”,
eventType: “Conference”,
description: “Event description…”,
speakers: [“Speaker 1”, “Speaker 2”],
venue: “Venue Name, Address”
}
```
given a project we have internally 
