Skip to content
codexa

Websites · React

Music festival

Bold dark festival site with the three-day lineup, ticket tiers, site info, FAQs and a ticket call to action.

Music festival starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A site for a music festival or live event: a dark editorial hero, the lineup day by day, ticket tiers with prices, practical site information and answers to common questions. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/site-music-festival

src/site.ts
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = {  "brand": "Low Tide Festival",  "nav": [    {      "label": "Lineup",      "href": "#lineup"    },    {      "label": "Tickets",      "href": "#tickets"    },    {      "label": "Info",      "href": "#info"    },    {      "label": "FAQ",      "href": "#faq"    }  ],  "navCta": {    "label": "Buy tickets",    "href": "#tickets"  },  "sections": [    {      "kind": "hero",      "variant": "editorial",      "eyebrow": "6 – 8 August 2027 · Westmere Marsh, Norfolk",      "title": "Three days of music where the marsh meets the sea.",      "text": "Forty acts across three stages, a 5,000 capacity, swimming at dawn and no queue for the bar longer than five minutes. That is a promise.",      "primary": {        "label": "Buy tickets",        "href": "#tickets"      },      "secondary": {        "label": "See the lineup",        "href": "#lineup"      },      "visual": {        "type": "mock",        "title": "Headliners",        "rows": [          {            "label": "Friday · Marsh Stage",            "value": "The Lantern Choir"          },          {            "label": "Saturday · Marsh Stage",            "value": "Wren & the Harbour"          },          {            "label": "Sunday · Marsh Stage",            "value": "Saltwater Brass"          },          {            "label": "Every night · Dune Tent",            "value": "DJs until 2 am"          }        ],        "footer": "Weekend tickets: final release on sale now."      }    },    {      "kind": "timeline",      "id": "lineup",      "eyebrow": "Lineup",      "title": "Day by day",      "items": [        {          "period": "Friday 6 Aug",          "title": "The Lantern Choir, Ostra, June Okoro",          "text": "Gates at 2 pm. Marsh Stage from 4 pm, Dune Tent from 9 pm with Kestrel Sound System."        },        {          "period": "Saturday 7 Aug",          "title": "Wren & the Harbour, Fen Parade, Low Saints",          "text": "Morning swim at 7 am, family field from 10 am, fourteen acts across three stages."        },        {          "period": "Sunday 8 Aug",          "title": "Saltwater Brass, Maribel Cruz, The Tidewalkers",          "text": "Gospel brunch on the Reed Stage, closing set at 10:30 pm, fireworks over the marsh."        }      ]    },    {      "kind": "pricing",      "id": "tickets",      "eyebrow": "Tickets",      "title": "Tickets",      "text": "Prices include booking fees. Under-12s go free with a paying adult.",      "plans": [        {          "name": "Day ticket",          "price": "£79",          "text": "Friday, Saturday or Sunday. No camping.",          "features": [            "All three stages",            "Re-entry until 8 pm",            "Shuttle from Wells"          ],          "cta": {            "label": "Reserve day tickets",            "href": "#contact"          }        },        {          "name": "Weekend camping",          "price": "£215",          "text": "Friday to Monday morning, in the main campsite.",          "features": [            "All three days",            "Hot showers and lockers",            "Morning swim sessions"          ],          "featured": true,          "cta": {            "label": "Reserve weekend tickets",            "href": "#contact"          }        },        {          "name": "Bell tent for two",          "price": "£640",          "text": "Pre-pitched tent with beds, in the quiet field.",          "features": [            "Two weekend tickets",            "Beds, linen and lanterns",            "Private showers"          ],          "cta": {            "label": "Reserve a bell tent",            "href": "#contact"          }        }      ]    },    {      "kind": "features",      "id": "info",      "eyebrow": "Info",      "title": "Before you come",      "columns": 4,      "items": [        {          "title": "Getting here",          "text": "Festival shuttles from Norwich and King's Lynn stations, £12 return. Car parking £20 per car.",          "icon": "truck"        },        {          "title": "Food & drink",          "text": "Twenty-two traders, mostly from Norfolk. Free water refill points across the site.",          "icon": "cup"        },        {          "title": "Access",          "text": "Accessible campsite, viewing platforms at every stage and free carer tickets.",          "icon": "heart"        },        {          "title": "Leave no trace",          "text": "Reusable cups only, a £10 refundable litter bond and no single-use tents.",          "icon": "leaf"        }      ]    },    {      "kind": "faq",      "id": "faq",      "eyebrow": "FAQ",      "title": "Questions",      "items": [        {          "q": "Can I bring my own alcohol?",          "a": "Into the campsite, yes: up to 12 cans or one bottle of wine per person. Not into the arena."        },        {          "q": "Are dogs allowed?",          "a": "Only assistance dogs. The marsh is a nature reserve with ground-nesting birds."        },        {          "q": "Can I get a refund?",          "a": "Tickets are non-refundable, but you can transfer your ticket to someone else free of charge until 1 August."        },        {          "q": "What happens if it rains?",          "a": "We play on. Two of the three stages are covered, and the campsite drains well."        }      ]    },    {      "kind": "cta",      "title": "Final release weekend tickets are on sale.",      "text": "Under 600 weekend camping tickets left. Join the mailing list for set times in July.",      "primary": {        "label": "Reserve tickets",        "href": "#contact"      },      "secondary": {        "label": "See the lineup",        "href": "#lineup"      }    },    {      "kind": "contact",      "eyebrow": "Tickets",      "title": "Reserve tickets",      "text": "Tell us which tickets and how many. We hold them for 48 hours and email a secure payment link.",      "fields": [        "name",        "email",        "guests",        "message"      ],      "button": "Reserve tickets"    }  ],  "footer": {    "text": "Low Tide Festival, Westmere Marsh, Norfolk. 6 – 8 August 2027.",    "columns": [      {        "title": "Festival",        "links": [          "Lineup",          "Tickets",          "Site map"        ]      },      {        "title": "Help",        "links": [          "Accessibility",          "Getting here",          "Contact"        ]      },      {        "title": "Follow",        "links": [          "Instagram",          "Mailing list"        ]      }    ],    "legal": "© Low Tide Festival. Sample content: replace it in src/site.ts."  }};

Remix

Remix this template

Describe what to change and the agent starts from Music festival's files. The box is already started for you: finish “Start from Music festival and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

All templates

Build on Music festival

Create a free account, start from this template, and ask the AI agent to turn it into your app.