Festival website
A city festival site: a giant headline and colourful strand pills, a manifesto, a programme with a “pick of the day”, a day-by-day schedule, line-up, venues, tickets, a map, FAQ and a “buy a ticket” banner. A white page, twelve colours, pills and stickers.
An event site with a big programme: visitors see the tracks, choose events by day, browse artists and venues, buy a ticket and find the place on a map. The festival in the demo is fictional; the page also fits a conference, a fair or a city celebration.
What it is made of
12 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Festival island header with a glider and colour dotsnavbar-023
A wordmark with a dot, a grey search pill and a lime “Tickets”.
2. First screen
Hero with a giant headline and colour pillshero-023
A giant headline and colourful strand pills with stickers.
3. Manifesto
Manifesto with bold inserts and fact pillsabout-009
Large text with bold inserts and fact pills.
4. Programme
Programme grid with a sticky “pick of the day” cardevent-005
An event grid and a sticky “pick of the day” card.
5. Schedule
Day-by-day schedule with colour pillsevent-006
Days as colour pills, a strand filter, time slots.
6. Line-up
Headliners on colour cards with a revealpeople-008
Colourful headliner cards that expand on hover.
7. Venues
Venues in colour frames with a photo tabevent-007
Cards in a colour frame with a photo tab and facts.
8. Tickets
Tickets as colour cards with a counterpricing-021
Three colour tiers and a ticket counter.
9. Map
Venue map with a legend and “how to get there”map-006
A Yandex Map with venue pins and “how to get there”.
10. FAQ
FAQ in two columns with colour markersfaq-018
Two columns of questions with colour markers.
11. Call to action
Photo banner with two action pillscta-019
A photo banner with “Programme” and “Buy a ticket” pills.
12. Footer
Footer with a colour stripe and social iconsfooter-022
A colour stripe, social icons and five columns.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Festival website” page made of?
- 12 catalog sections in order: Festival island header with a glider and colour dots, Hero with a giant headline and colour pills, Manifesto with bold inserts and fact pills, Programme grid with a sticky “pick of the day” card, Day-by-day schedule with colour pills, Headliners on colour cards with a reveal, Venues in colour frames with a photo tab, Tickets as colour cards with a counter, Venue map with a legend and “how to get there”, FAQ in two columns with colour markers, Photo banner with two action pills, Footer with a colour stripe and social icons. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.