Free React Event & Conference Components
Conference sites have a hard job: sell tickets months out, then become a utility the week of the event. These components cover both phases, a countdown hero and ticket tiers for the selling phase; an agenda day picker, schedule tracks, workshop grid, lineup board, and venue strip for the attending phase. Speaker spotlights, sponsor tier walls, a CFP block, past editions, and a code of conduct round out the set. Everything handles the multi-day, multi-track reality without collapsing into a spreadsheet.
12 components · MIT licensed · installable with the shadcn CLI
Agenda Day Picker
Day pills over a single-track agenda, pick a day, read its sessions down a mono time rail. One room, one running order, real tablist semantics.
Event CFP Block
A call-for-proposals block, poster heading, mono deadline rail, talk formats with durations, and one submit CTA. React and Tailwind CFP section for conference sites.
Event Code of Conduct
A code-of-conduct and accessibility block, a confident pledge set large, provisions as a dl grid, and real report channels. React and Tailwind trust section for events.
Event Countdown Hero
The event's own countdown hero, oversized date numerals, a mono venue line, poster-scale rolling countdown digits, and one ticket CTA. Doors open in exactly this long.
Event Lineup Board
A poster-type lineup board, acts in oversized weight-contrast rows, stage and time in mono, day tabs with real tablist semantics. The bill is the artwork.
Event Past Editions
Past editions as a typographic reel, years set huge, cities in mono, one headline moment and attendance per row. A React and Tailwind pedigree block for event sites.
Event Schedule Tracks
A multi-track agenda, mono time rail against parallel track columns that collapse into one accessible chronological list on mobile. Conference wayfinding, poster confidence.
Event Ticket Tiers
GA and VIP tickets as perforated stub cards, mono serials, tabular prices, and an honest sold-out state. Box-office paper, not SaaS pricing chrome.
Event Venue Strip
A venue and date info band, oversized date numerals, doors time in mono, transit notes, and an add-to-calendar affordance. The poster's fine print, set proud.
Event Workshop Grid
Workshop and breakout sessions as poster cards, room and time in mono, level chips, seats-left urgency, and an honest waitlist state. React and Tailwind grid for conferences.
Speaker Spotlight Row
Headline speakers as poster rows, names set huge, talk titles in italic, companies in mono, and a day-stage chip per row. The speaker bill is the artwork.
Sponsor Tier Wall
Sponsors ranked the way posters rank them, headline wordmarks set huge, partners mid, community small, grouped under mono tier labels on hairline rules. No logo files needed.
Frequently asked questions
Can the schedule components handle multiple tracks and days?
Yes, the agenda day picker and schedule tracks are built exactly for that: day-level tabs with track columns that reflow to a single column on mobile. Session data is a plain array, so your CMS or a JSON file both work.
Do the ticket tiers connect to a payment provider?
They present tiers, inclusions, and availability states (early bird, sold out) and link to whatever checkout you use, Tito, Humanitix, Eventbrite, or Stripe Payment Links. Selling stays in your ticketing platform.
What should the site show after the event sells out or ends?
Switch the hero to the lineup board or past editions component, both keep the page alive as an archive and start selling the next edition. The CFP block can also open for the following year immediately.