# Frontend Summit 2026

Two days of talks, workshops, and networking for web engineers.

<Badge tone="success">Early-bird rates end May 31</Badge>

<Card>
<Columns>
<Stat label="Event date" value="June 12–13, 2026" icon="calendar" />
<Stat label="Venue" value="Moscone Center, San Francisco" icon="map-pin" />
<Stat label="Days remaining" value="36" icon="hourglass" tone="success" />
</Columns>
</Card>

<Card title="Agenda" subtitle="Friday, June 12 — all times PT">
| Time | Session |
|---|---|
| 9:00 AM | Registration & coffee |
| 10:00 AM | Keynote: The Future of Web Frameworks |
| 11:30 AM | Breakout sessions |
| 1:00 PM | Lunch |
| 2:00 PM | Lightning talks |
| 3:30 PM | Panel: Accessibility in 2026 |
| 5:00 PM | Networking reception |
</Card>

<Card title="Speakers" subtitle="A few of the 12 people you'll hear from">
<Columns>
<Card>
<Avatar name="Ava Chen" subtitle="Design Engineer, Lucid" />
Pushing design systems beyond the component library.
</Card>
<Card>
<Avatar name="Marcus Reed" subtitle="Principal Engineer, Northwind" />
Scaling real-time collaboration in the browser.
</Card>
<Card>
<Avatar name="Sofia Alvarez" subtitle="Accessibility Lead, Brightworks" />
Building for everyone from the first commit.
</Card>
<Card>
<Avatar name="David Okafor" subtitle="Open Source Maintainer" />
Remixing state management with signals and stores.
</Card>
</Columns>
</Card>

<Card title="Ticket tiers" subtitle="USD, fees included">
<Columns>
<Card title="Online" subtitle="$99">
Livestream access to every talk plus session recordings.
</Card>
<Card title="General" subtitle="$199">
<Badge tone="success">Most popular</Badge>
Full access to both days, all sessions, and the swag bag.
</Card>
<Card title="VIP" subtitle="$349">
Priority seating, catered lunch, and the evening reception.
</Card>
</Columns>
</Card>

<Card title="Register" subtitle="Reserve your seat in under a minute">
<Form name="registration">
<Input label="Full name" name="fullName" placeholder="Jane Smith" required="true" />
<Input label="Email address" type="email" name="email" placeholder="jane@company.com" hint="We'll email your ticket confirmation" required="true" />
<Button variant="primary" size="large">Register for the summit</Button>
</Form>
</Card>