25 Weekly Schedule

What it does

Type each session (title, day, start/end time, instructor, category, link) and Weekly Schedule places it on a Mon–Sun time grid. Overlaps split side by side; the time axis spans your earliest to latest session, or a fixed range.

Visitors filter by category with built-in chips, see today's column highlighted, and click a session for a details popover with a Book button. Below 640px (adjustable) the grid becomes day tabs with a vertical list.

For studios, gyms, dance schools, academies, clinics, co-working spaces and conference agendas.

Customizable properties

• Sessions: title, day, start/end (HH:MM), instructor/room, category, description, link, status (Open / Few spots / Full), color

• Week Starts (Mon/Sun), Hide Empty Days, Time Format (12h/24h), Time Range (Auto/Fixed), Hour Height

• Filters + "All" label; Today: Auto, Off or a fixed day

• Details: popover with Book button, or direct link; Few Spots / Full labels

• Layout: Auto, Grid or List; Switch Below width; Day Labels

• Radius, Card Radius, 8 colors, two fonts

Why this component

• Times in, grid out. Change a time and the card moves.

• Overlaps handled automatically.

• Filter chips, status badges and per-session booking links built in.

• Accessible: real buttons, Escape closes the popover. No images, no CMS, no external libraries.

Need help?

Reach out at hello@brandingupstudio.com — we usually reply within 1 business day. Custom edits from $75/hr.

More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code, fully customizable via property controls. Unlink is not provided so we can keep delivering updates.

All 9 paid BrandingUp components in one payment: All-Access Pass, $49 → https://brandingup.lemonsqueezy.com/checkout/buy/3391c106-6fbc-41b8-9cc8-b63365b95665