Publish high-visibility transit alerts with clear severity styling, route context, and layouts that match the way your agency communicates on the public web.
The `TransitWidgetUI` app already supports ticker, categorized, carousel, and sophisticated alert layouts. This page packages those ideas into a clear agency-facing story.
Best for a homepage header or system-wide notice strip where riders need a short update immediately.
Rotates through active alerts in a compact, high-visibility format that works well for homepage feature areas and announcement sections.
Group alerts by route, stop, or type so riders can scan only the disruptions that matter to their trip.
Use a richer layout with filtering, stronger visual hierarchy, and more room for guidance and next steps.
Good alerts explain what changed, who is affected, and what to do next. The widget is designed to surface that information cleanly across desktop and mobile layouts.
Pair the disruption with a workaround, temporary stop, or expected duration.
Use narrow ticker styles on smaller pages or switch to card layouts where more context fits.
Designed to work with GTFS real-time alert feeds instead of a manual website editing cycle.
The widget can feel like an intentional part of your site rather than an embedded afterthought.
Four examples showing how different alert presentations can work across public rider experiences.
This is the most complete alert presentation. It gives agencies room for stronger hierarchy, filtering, explanation, and rider guidance when situations are more complex.
This format works best when one alert matters more than everything else on the page. It keeps the message short, visible, and hard to miss.
Categorized layouts group alerts by route, stop, or alert type so the information feels organized and easier to act on.
Carousel layouts are helpful when several alerts are active at once but screen space is limited. Riders still see each message without the page feeling overcrowded.
We can map the widget to your routes, communication style, and public website structure.
