React Templates
Meridian - Conference & Event Theme for Astro
Premium conference & event website template on Astro 7, React 19, TypeScript, Tailwind CSS and shadcn/ui - Swiss forest-green design system, 20+ pages, MDX content collections, and command-K search.
Product Description
Meridian is a premium conference & event website template built on Astro 7, React 19, TypeScript, and Tailwind CSS. It ships with a complete shadcn/ui component library, a Swiss-inspired forest-green design system, and a full content-collections architecture for speakers, sessions, sponsors, journal posts, and more.
Meridian is built for event organizers, design studios, and agencies who need to ship a polished conference website fast — without sacrificing quality. Whether you are running a design week, a tech summit, a creative residency, or a multi-track festival, Meridian gives you a production-ready foundation with real content architecture, not just a pretty mockup.
Live demo: https://meridian-demo.jacksonlittelmr.workers.dev/
This theme supports Astro version 7.x.x.
🌬️ What's Included
Homepage — Hero, edition manifesto, featured speakers, session highlights, call-to-action
Speakers — Index + 6 speaker profile pages (MDX) with headshots, bios, expertise tags, and session cross-links
Sessions — Index + 9 session detail pages (MDX) with a day-based schedule and speaker associations
Schedule — Full 4-day program view with a session grid
Venue — The Meridian Centre in Basel, with transit info, hotel partners, and accessibility details
Tickets — Tiered pricing with a recommended badge
Sponsors — Index + 4 sponsor profiles with a logo grid and tier labels
Partners — Vertical partner directory with category headings
Press — Media kit, fact sheet, press releases, and an accreditation CTA
Partnerships — Sponsorship tiers, audience stats, and a conversation CTA
Journal — Paginated post index, tag-based browsing, and MDX rich-text posts
FAQ — Categorized accordion with 15 questions
Recap — Event highlights, speaker quotes, and photo gallery placeholders
Hosts — Vertical alternating host profiles with portraits
Forms — Register, sign-in, contact, and forgot-password pages
404 — Branded error page
Search — Command-K global search with instant results
🧱 Tech Stack
Astro 7 — Static-first, zero JS by default, partial hydration via islands
React 19 islands — Interactive components hydrate only where needed
TypeScript — Type-safe components, content schemas, and data layers
Tailwind CSS — Utility-first styling with a custom Swiss forest-green token system
shadcn/ui — Accessible, composable UI primitives (Accordion, Button, Card, Dialog, Navigation)
MDX — Rich content authoring for speakers, sessions, posts, and legal pages
Astro Content Collections — Schema-validated collections for speakers, sessions, posts, sponsors, partners
Bootstrap Icons — Consistent icon system throughout
Google Fonts — Inter and Source Serif 4
📝 Built-in Content System (MDX / Markdown)
Manage content without touching layout code:
Speaker profiles with cross-linked sessions
Session detail pages with day/time/room metadata
Sponsor and partner profiles with tier classification
Blog posts with a tag system, pagination, and related articles
Static legal pages (Privacy, Terms, Cookies)
🎯 Forest-Green Design System
Meridian uses a cohesive Swiss-inspired color palette:
Background: Mint Cream (#f0fdf4) — a soft, eye-friendly base
Primary: Forest Dark (#14532d) — deep green for headings and blocks
Secondary: Forest Medium (#16a34a) — vibrant green for secondary actions
Accent: Emerald (#10b981) — bright teal-green for CTAs and highlights
The palette carries seamlessly into dark mode with matched green-family tokens.
⚙️ Features at a Glance
20+ page types with full content
Swiss-inspired forest-green palette with dark mode
shadcn/ui component library (Accordion, Button, Card, Dialog, etc.)
Command-K search across all content
MDX content collections with TypeScript schemas
Speaker-to-session cross-referencing
Paginated blog with tag browsing
Ticket tiers, sponsor profiles, press, and partnerships pages
Responsive, accessible, and performance-optimized
Clean single-commit repo
Free Updates & Support
Meridian includes free lifetime updates to ensure compatibility with future Astro releases and ongoing performance improvements.
What you get
1 file · 3.66 MB
- meridian-theme.zipZIP · 3.66 MB
React Templates
Meridian - Conference & Event Theme for Astro
Premium conference & event website template on Astro 7, React 19, TypeScript, Tailwind CSS and shadcn/ui - Swiss forest-green design system, 20+ pages, MDX content collections, and command-K search.
Tags
Frequently asked questions
Do I get access instantly?
Yes. This is a digital product - you can download it right after checkout, straight from your library.
Can I use it for commercial projects?
Yes. Commercial and client work are both allowed, including products with unlimited sales. You may not resell the file itself.
What's your refund policy?
You're covered by a 30-day money-back guarantee. If something isn't right, request a refund from your order and the Getly team reviews it.
What file formats and sizes will I get?
You'll download 1 file - ZIP - 3.66 MB in total.
Do I get free updates?
Yes - when the seller ships a new version, you can re-download the latest files from your library at no extra cost. Check the changelog for recent updates.
Price
$39.99



