Templates
Cards list
Event cards in a single column, easy to read on any screen.
A card-style event list that reads well on mobile
The Cards List uses the same card design as Cards Grid but stacks the cards in a single column. Each event gets its own card with an image, a title and, if you choose, a date, location, description and tags. Because the cards run top to bottom, the layout fits narrow spaces such as a content column, a sidebar-width section or a phone screen, where a multi-column grid would feel cramped.
Above, you can switch between three examples built on the same template and the same Google Calendar events. Riverside Community Center is the minimal version: a warm, rounded style where each card keeps to the essentials and a click opens the full details in a pop-up. Bloom Wellness Studio is the detailed version: cards show more up front, such as the date, location, description and tags, and filters help visitors narrow the list. Out of the box is the unstyled default, so you can see what you get before you change a single setting.
When to choose this layout
- Your visitors browse mostly on mobile, or the calendar sits in a narrow column.
- You want the visual feel of cards, with images, without a multi-column grid.
- You want to show more detail per event than a plain list allows, but still keep one clear reading order.
How it behaves
Cards sit one under another in date order. Clicking a card opens the full event details, including the description, location and add-to-calendar options. Images, dates, locations, descriptions and tags can each be switched on or off, so the same template can look as light or as rich as you need. If you prefer cards side by side on a large screen, see Cards Grid. For a short, swipeable row, see Cards Slider.
Why teams choose Revisual
Your Google Calendar stays the source of truth. Add or change an event in Google Calendar and your website calendar updates automatically. No webmaster, no second system to maintain.
It looks like your website, not like a plugin. Over 200 design and behavior settings let you match your fonts, colors, cards and buttons, and decide what visitors see and do. No code required.
Eight templates for different jobs. From a month grid for recurring schedules to compact tiles for a sidebar, pick the layout that fits how your visitors browse, and switch any time.
Built for sharing. Visitors can add events to their own calendar, share them, and see the full dates of a recurring series. You can also share a hosted calendar page by link or QR code, even without a website.
Support when you need it. Online support with a 48-hour response time, helpdesk articles and tutorials.
Cards list Event Calendar Widget: Frequently Asked Questions
What is the difference between Cards Grid and Cards List?
They share the same card design. Cards Grid arranges cards in columns, which suits large screens and browsing many events at once. Cards List stacks them in a single column, which reads well on mobile and in narrow spaces.
Can I show images and tags in Cards List?
Yes. Images, dates, locations, descriptions and tags can each be switched on or off. The Bloom example shows more of them, while the Riverside example keeps the cards minimal.
Does the Cards List have filters?
Yes, filters are available and can be turned on or off. The Bloom example uses them to help visitors narrow a longer list, while the Riverside example leaves them out to keep a small calendar simple.
What is Revisual?
Revisual turns a Google Calendar into an event calendar you can put on your website. You keep managing events in Google Calendar, and Revisual displays them in a layout and style that matches your brand.
How does it work with Google Calendar?
You connect your calendar, choose a template and style it in the builder, then embed the calendar on your site. When you add or edit an event in Google Calendar, the calendar on your website updates automatically.
Do I need to know how to code?
No. The layout, colors, fonts and behavior are all set in the builder. Embedding is a copy-and-paste step.
Can it match my website’s design?
Yes. You can inherit your site’s font, set your brand colors and card style, and choose which details visitors see, such as date, location, description, tags and buttons. The Riverside and Bloom examples above use the same template with very different looks.
Can I show more than one Google Calendar in one widget?
Yes. The Riverside example combines three separate Google Calendars (Workshops, Performances & Events, and Kids & Family) into one calendar.