Every template on this page was designed and is maintained in-house by uiCookies, so these are our own church layouts rather than a roundup of other people's themes. There are three: Vesper, a three-page site with a plan-your-visit page and online giving; Stonebridge, a two-page Bootstrap 6 site whose service times work out what is on next; and Sanctuary, a two-page site built around a searchable sermon library.
Most people who look up a church online want a few practical answers before they walk through the door: when the services are, where to park, what happens with the children, and whether they will feel out of place. A good church website answers those first, then gives regulars what they come back for: sermons or talks to catch up on, the week's groups and events, and a simple way to give. It also has to be easy for a volunteer to keep current, because a page still listing last month's events quietly tells visitors that nobody is minding it.
Each template is a static set of HTML, CSS and JavaScript files with a live demo and a direct download, free for personal and commercial use, including a live church site or client work. Attribution is optional but always welcome, so the footer credit can stay or go; the full terms are at uicookies.com/license. Vesper and Sanctuary run on Bootstrap 5 with vanilla JavaScript and no jQuery. Stonebridge is built on Bootstrap 6, which is still in alpha. Prayer, visit, contact, newsletter and giving forms validate in the browser but send nothing and take no money until you connect them to a form service, inbox or payment provider.
The templates
Vesper
Vesper is a three-page site for a mid-sized congregation, shown in the demo as the fictional Riverside Community Church. The home page opens with this week's service times and a Watch live block, then runs a newcomer strip, sermon series cards with a week-by-week progress bar, a ministries grid for kids, youth, groups, care and music, a filterable events list, a giving call to action, a prayer request form and a location card. The visit page walks through a Sunday morning hour by hour, with kids check-in, accessibility details, a parking diagram and an FAQ.
The service schedule lives in the HTML and drives the Watch live block, which shows a live state during a service and otherwise counts down to the next one in the church's own time zone. Every event has an Add to calendar button, and the giving page adds amount chips, a frequency toggle, a fund select and a live summary. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Stonebridge
Stonebridge pairs a full church homepage with a what's-on page that lays out the whole week, grouped by day. The homepage covers four weekly gatherings, a first-visit section with a seven-question FAQ, midweek groups such as children and youth, a community pantry, music and choir, home groups and a bereavement café, a talk archive you can filter by sermon series, honest giving figures under "Where the money actually goes" and a contact form. The what's-on page adds dated events, from a harvest festival to a summer fair, and a room-hire table.
Each gathering carries a recurring rule such as data-when="wed 18:00 90", so the page works out its own next occurrence and says On now, Starts in 40 min or Sunday, 10.30am. Dated events mark themselves as passed. Built on Bootstrap 6 (alpha, vendored at a pinned build) with vanilla JavaScript, for evergreen browsers only.
Sanctuary
Sanctuary suits churches, ministries and faith communities that keep their preaching front and center. Its home page carries a hero with a service-times chip and count-up stats, service and midweek times, a what-to-expect section, recent messages, a ministries grid covering kids, youth, worship, outreach, small groups and prayer, upcoming events, a pastors and team row, a give band, a photo gallery and a newsletter sign-up. The second page is a sermon library of nine messages, each card showing series, speaker and date with watch and listen actions.
Series chips filter the library and a search box matches titles and speakers as you type, with a friendly message when nothing fits. The gallery opens in a keyboard-navigable lightbox, and the give band has an interactive amount selector. Deep plum and gold with Fraunces headings. Built on self-hosted Bootstrap 5 with vanilla JavaScript and no jQuery.
Compare at a glance
| Template | Best for | Pages | Standout feature |
|---|---|---|---|
| Vesper | Churches welcoming first-time visitors | 3 | Watch live countdown and online giving page |
| Stonebridge | Churches with a busy week | 2 | Service times that compute what's on next |
| Sanctuary | Churches that share sermons online | 2 | Searchable sermon library filtered by series |
How to choose
Start with what your visitors most need to know. If newcomers are the priority and you stream services, Vesper covers the most ground: a live-or-countdown watch block, a full plan-your-visit page and a giving page with frequency and fund options. Choose Stonebridge if your church runs a lot through the week and people keep asking what is on tonight; its times update themselves and the what's-on page shows everything by day. Bear in mind that Bootstrap 6 has not been released, so treat it as a head start on v6 rather than a long-term base, and it supports only Safari 16.4+, Chrome 111+ and Firefox 113+. Pick Sanctuary if sermons are what people come back for and you want a searchable archive with a photo gallery.
If you searched for a religious website template, note that all three are designed for churches; we don't have a dedicated mosque, synagogue or temple template. Much of the structure still carries over to other faith communities: service or prayer times, an events list, a giving page, an archive of sermons or talks, a first-visit guide and a contact form. What you would change is the vocabulary and the imagery. Sermons become talks or lessons, ministries become groups or classes, and the sample Sunday timelines need rewriting around your own gatherings. Stonebridge's recurring time rules work for any weekly schedule, not only Sundays.
Frequently asked questions
Can the site show whether a service is live right now?
Vesper and Stonebridge can. Vesper's Watch live block compares the current time in the church's time zone with the service schedule and shows a live state or a countdown, and Stonebridge computes each gathering's next occurrence, showing On now while a service is running. Sanctuary lists its service and midweek times as plain text.
Does the giving page actually take donations?
Not on its own. Vesper's giving page handles amounts, frequency, funds and the summary, and says clearly that a payment provider must be connected to its Continue button. Sanctuary's give band has an amount selector but no payment processing either, so connect your giving platform or payment provider before launch.
Are prayer requests kept private?
Vesper's prayer request form includes privacy options, but like every form here it is front-end only: it validates in the browser and shows a confirmation, and nothing is sent or stored until you connect a form service or your own backend. Choose a service you trust with personal details, and tell people who will read their requests.
How do I add a new sermon to the library?
In Sanctuary, sermons are individual cards on the sermons page. Copy an existing card and update its data-series and data-title values, so the series chips and the search keep finding it. Vesper's sermon series cards and Stonebridge's talk archive are also plain HTML that you edit in place.
Can our church use these for free, and do we have to keep the footer credit?
Yes, all three are free for personal and commercial use, including a live church website or a site you build for a client. Attribution is optional but always welcome, so you can keep, move or remove the footer credit. The full terms are at uicookies.com/license.
Related templates
Free Event & Conference Website Templates · Free Wedding Website Templates · Free Music Website Templates · All free HTML website templates
