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?
Licence terms are set by the seller. Check the product description before you buy — it states any limits on personal, commercial or client use.
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 the files exactly as the seller packaged them (about 3.66 MB). See the product details and description for the included formats.
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



