1<!DOCTYPE html> 2<html class="h-full" lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 7
7<script src="https://app.termly.io/resource-blocker/daf2b1c4-762a-427e-9d33-0b6ed4d7228d?autoBlock=on"></script>
vendor: 1 bytes, line 7
7
8<script> 9 document.addEventListener('click', function (e) { 10 var a = e.target.closest ? e.target.closest('a[href$="#consent-preferences"]') : null; 11 if (!a) return; 12 e.preventDefault(); 13 if (typeof window.displayPreferenceModal === 'function') window.displayPreferenceModal(); 14 }); 15</script>
15 16<link rel="icon" href="/favicon.ico" sizes="any" /> 17 <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" /> 18 <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" /> 19 <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 20 <link rel="manifest" href="/manifest.webmanifest" /> 21 22 <link rel="preconnect" href="https://fonts.googleapis.com" /> 23 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 24 <link 25 href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap" 26 rel="stylesheet" 27 /> 28 29 <link rel="home" href="https://playbillder.com/"> 30<link rel="canonical" href="https://playbillder.com/playbill-express"> 31<meta property="og:url" content="https://playbillder.com/playbill-express"><meta name="twitter:url" content="https://playbillder.com/playbill-express"><meta property="og:locale" content="en-US"> 32<title>Playbill Express Database | Playbillder</title> 33 <meta name="description" content="Design professional playbills for your school, community theater, or amateur production in minutes. Easy-to-use templates, no design experience needed. Start free today."> 34 <meta property="og:type" content="website"> 35 <meta property="og:title" content="Playbill Express Database"> 36 <meta property="og:description" content="Design professional playbills for your school, community theater, or amateur production in minutes. Easy-to-use templates, no design experience needed. Start free today."> 37 <meta name="twitter:title" content="Playbill Express Database"> 38 <meta name="twitter:description" content="Design professional playbills for your school, community theater, or amateur production in minutes. Easy-to-use templates, no design experience needed. Start free today."> 39
40<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 40
40
41<script type="module" src="/dist/alpine-BQgaCLk7.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/alpine.js'}});document.dispatchEvent(e);"></script>
41 42
42<script type="module" src="/dist/marketing-BOIeHjAk.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/marketing.tsx'}});document.dispatchEvent(e);"></script>
42 43<link href="/dist/enums-ho3_otb5.js" rel="modulepreload" crossorigin> 44<link href="/dist/production-CAxRw_Io.js" rel="modulepreload" crossorigin> 45<link href="/dist/AnimatedBubbles-CqvvQIfC.js" rel="modulepreload" crossorigin> 46<link href="/dist/CollaboratorModal-BvF5zdI-.js" rel="modulepreload" crossorigin> 47<link href="/dist/search-CZH9w59K.js" rel="modulepreload" crossorigin> 48<link href="/dist/external-link-C1wylNq-.js" rel="modulepreload" crossorigin> 49<link href="/dist/chevron-right-mS2GB_f4.js" rel="modulepreload" crossorigin> 50<link href="/dist/PageThumbnailPreview-BIq0wZsT.js" rel="modulepreload" crossorigin> 51<link href="/dist/ScaledPlaybillPage-DkXL2b_1.js" rel="modulepreload" crossorigin> 52<link href="/dist/role-BbrR7j5m.js" rel="modulepreload" crossorigin> 53<link href="/dist/zod-BBo4-T66.js" rel="modulepreload" crossorigin> 54<link href="/dist/CoverThumbnail-oKpkew-h.js" rel="modulepreload" crossorigin> 55<link href="/dist/marketing-CTYnQDIP.css" rel="stylesheet"> 56<link href="/dist/marketing-B90WbQqj.css" rel="stylesheet"> 57 58
58<script> 59 window.csrfToken = 'rjEqpFWU62gjN7Yg-5rrm9unI0WIG9CLoYiz5f6eQr29CrLoabqk0NwIU-cZ94dbSXP3Y5PYmfy35BEC6Wrm-sKx2oy68zD1_2XCqyWJ6Lw='; 60 </script>
vendor: 101 bytes, lines 60-62
60 61 62 <script async src="https://www.googletagmanager.com/gtag/js?id=
62G-DKPFRBF7LH
vendor: 24 bytes, lines 62-63
62"></script> 63
63<script> 64
vendor: 143 bytes, lines 64-65
64window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new 65 Date()); gtag('config', '
65G-DKPFRBF7LH
vendor: 16 bytes, lines 65-66
65'); 66
66</script>
66 67 68
68<script type="text/javascript" async src="https://cdn.reamaze.com/assets/reamaze-loader.js"></script>
vendor: 1 bytes, line 68
68
69<script type="text/javascript"> 70 var _support = _support || { 'ui': {}, 'user': {} }; 71 _support['account'] = 'playbillder'; 72 _support['ui']['contactMode'] = 'escalated'; 73 _support['ui']['enableKb'] = 'true'; 74 _support['ui']['styles'] = { 75 widgetColor: 'rgb(253, 227, 0)', 76 gradient: true, 77 }; 78 _support['ui']['shoutboxFacesMode'] = 'brand-avatar'; 79 _support['ui']['shoutboxHeaderLogo'] = true; 80 _support['ui']['lightbox_mode'] = 'kb'; 81 _support['ui']['widget'] = { 82 icon: 'help', 83 displayOn: 'all', 84 fontSize: 'default', 85 allowBotProcessing: false, 86 slug: 'playbillder-faq-shoutbox', 87 label: { 88 text: 'Let us know if you have any questions! 😊', 89 mode: "none", 90 delay: 3, 91 duration: 30, 92 }, 93 position: 'bottom-left', 94 mobilePosition: 'bottom-left' 95 }; 96 _support['apps'] = { 97 faq: {"enabled":true}, 98 recentConversations: {"header":"Recent Support Requests"}, 99 orders: {}, 100 shopper: {} 101 }; 102 _support['ui']['appOrder'] = ["faq","orders","shopper","recentConversations"]; 103</script>
103 104
104<script> 105 (function () { 106 var s = (window._support = window._support || {}); 107 s['custom_fields'] = { 108 source_site: { 109 type: 'hidden', 110 value: 'New Playbillder' 111 } 112 }; 113 })(); 114</script>
114 115
115<script> 116 (function () { 117 try { 118 if (localStorage.getItem('pbldrRmzIdentified')) { 119 localStorage.removeItem('pbldrRmzIdentified'); 120 [localStorage, sessionStorage].forEach(function (store) { 121 Object.keys(store) 122 .filter(function (key) { return key.indexOf('rmz.') === 0; }) 123 .forEach(function (key) { store.removeItem(key); }); 124 }); 125 } 126 } catch (e) {} 127 var s = (window._support = window._support || {}); 128 s['ui'] = (typeof s['ui'] === 'object' && s['ui']) || {}; 129 s['ui']['contactMode'] = 'traditional'; 130 s['custom_fields'] = (typeof s['custom_fields'] === 'object' && s['custom_fields']) || {}; 131 s['custom_fields']['login_nudge'] = { 132 type: 'heading', 133 value: "Have a Playbillder account? <a href=\"https:\/\/playbillder.com\/app\/account\/login\" target=\"_top\">Log in<\/a> to keep your support requests together." 134 }; 135 })(); 136 </script>
136 137 138 139 </head> 140 141 <body class="antialiased h-full"> 142 143 <div class="relative min-h-full"> 144 145 146 147<header class="absolute top-0 right-0 left-0 z-50 p-1.5 md:p-4"> 148 <div 149 class="grid h-14 grid-cols-[auto_1fr_auto] items-center gap-x-3 rounded-md bg-yellow-500 px-3 md:h-24 md:px-6 lg:gap-x-8 lg:px-10 xl:px-14 2xl:px-18" 150 > 151 <a href="/" class="justify-self-start" aria-label="PLAYBILLder Home"> 152 <img 153 src="/static/img/logo.svg" 154 alt="PLAYBILLder - Build Your Own Playbill" 155 class="h-8 w-auto min-w-24 object-contain md:h-12 lg:h-14 xl:h-16" 156 /> 157 </a> 158 159 <nav class="hidden items-center justify-center gap-6 lg:flex xl:gap-9" aria-label="Main navigation"> 160 <a class="type-paragraph-bold sm:max-xl:!text-base text-black transition-opacity hover:opacity-70 whitespace-nowrap border-b-2" href="/playbill-express">Find Your Next Show</a> 161 <a class="type-paragraph-bold sm:max-xl:!text-base text-black transition-opacity hover:opacity-70 whitespace-nowrap" href="/printing-solutions">Printing Solutions</a> 162 <a class="type-paragraph-bold sm:max-xl:!text-base text-black transition-opacity hover:opacity-70 whitespace-nowrap" href="/resources">Helpful Resources</a> 163 <a class="type-paragraph-bold sm:max-xl:!text-base text-black transition-opacity hover:opacity-70 whitespace-nowrap" href="/faqs">FAQs</a> 164 </nav> 165 166 <div class="hidden items-center gap-4 justify-self-end lg:flex"> 167 <a 168 href="/app/account/login" 169 class="btn btn-sm btn-primary flex items-center gap-2 sm:max-xl:gap-1.5 sm:max-xl:px-3 sm:max-xl:py-2 sm:max-xl:text-sm" 170 > 171 <span>Signup / Login</span> 172 <svg class="size-4 shrink-0 xl:size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h14M11.5 4.5 17 10l-5.5 5.5"/></svg> 173 174 </a> 175 176 </div> 177 178 179 <div 180 class="justify-self-end lg:hidden" 181 data-react-component="MobileNav" 182 data-props="{"navItems":[{"url":"\/playbill-express","text":"Find Your Next Show","isActive":true},{"url":"\/printing-solutions","text":"Printing Solutions","isActive":false},{"url":"\/resources","text":"Helpful Resources","isActive":false},{"url":"\/faqs","text":"FAQs","isActive":false}],"signupLoginUrl":"\/app\/account\/login","dashboardUrl":"\/app\/dashboard","newProductionUrl":"\/app\/production\/new","accountEditUrl":"\/app\/account\/edit","logoutActionUrl":"https:\/\/playbillder.com\/actions\/auth0\/auth\/logout","logoutRedirectUrl":"\/app\/account\/login","csrfTokenName":"CRAFT_CSRF_TOKEN","isLoggedIn":false,"initials":""}" 183 ></div> 184 </div> 185</header> 186 187 <main id="content"> 188 189 190 191 192 193 194 195 196<section class="bg-green-100"> <div class="mx-auto max-w-7xl px-4 pt-30 pb-16 md:pt-38 md:pb-20 lg:pt-52"> 197 <div class="mb-8 flex justify-center lg:hidden"> 198 <img class="h-auto w-full max-w-3xs" src="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png" srcset="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 200w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=300,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 300w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=400,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 400w" width="200" height="226" alt="Playbill Express interface showing Add Actor button with Pre-fill your show info tooltip and curs
198or interaction" sizes="100vw" loading="eager" style="object-position: 50% 50%;" decoding="auto"> 199 </div> 200 201 <div class="grid items-center gap-16 lg:grid-cols-[1fr_auto_1fr]"> <div class="hidden lg:block"> 202 <img class="h-auto w-full max-w-md" src="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png" srcset="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png 200w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=300,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png 300w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=400,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png 400w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=500,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png 500w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=600,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-twinderella.png 600w" width="200" height="256" alt="Playbill cover for Twinderella The Musical featuring a glass slipper illustration on a teal background, presented by R D Morley Elementary School in Malvern, PA" sizes="100vw" loading="eager" style="object-position: 50% 50%;" decoding="auto"> 203 </div> 204 205 <div class="mx-auto max-w-5xl text-center"> 206 <h1 class="type-beta text-pretty text-black">Playbill Express® Database</h1> 207 208 <p class="type-paragraph mx-auto mt-4 max-w-2xl text-black"> 209 Save time with our Playbill Express Feature! If your show is in our list of Playbill Express Shows, you only need to enter the name of your show and the characters and song lists will already be entered to your Playbill. Playbill Express features titles from Music Theatre International, Concord Theatricals, Theatrical Rights Worldwide, Andrew Lloyd Webber Show Licensing and Josef Weinberger, Ltd.. 210 </p> 211 212 213 </div> 214 215 <div class="hidden lg:block"> 216 <img class="h-auto w-full max-w-md" src="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png" srcset="https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=200,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 200w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=300,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 300w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=400,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 400w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=500,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 500w, https://images.playbillder.com/cdn-cgi/image/format=auto,quality=80,width=600,fit=cover/https://assets.playbillder.com/content/marketing/figma-export-add-actor.png 600w" width="200" height="226" alt="Playbill Express interface showing Add Actor button with Pre-fill your show info tooltip and cursor interaction" sizes="100vw" loading="eager" style="object-position: 50% 50%;" decoding="auto"> 217 </div> 218 </div> 219 </div> 220</section> 221 <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8"> 222 <div 223 data-react-component="ExpressSearch" 224 data-props="{"apiUrl":"\/api\/express\/templates","licensorsApiUrl":"\/api\/express\/licensors"}" 225 ></div> 226 </section> 227 </main> 228 229 230 231 232 233<section class="bg-white px-6 md:px-10 py-10 md:py-28 lg:pt-30 lg:pb-20" aria-labelledby="footer-cta-heading"> <div class="relative mx-auto max-w-5xl pt-14 pb-24"> 234 <div 235 data-react-component="AnimatedBubbles" 236 data-props="{"bubbles":[{"col1":"Celebrate any show or occasion","col2":"orange","col3":"topLeft","label":"Celebrate any show or occasion","color":"orange","position":"topLeft"},{"col1":"Use the \"Brand of Broadway\"","col2":"blue","col3":"bottomRight","label":"Use the \"Brand of Broadway\"","color":"blue","position":"bottomRight"}]}" 237 ></div> 238 239 <div class="flex flex-col items-center gap-4 py-8 text-center"> 240 <h2 id="footer-cta-heading" class="type-gamma text-black">Ready to start <strong class="inline-flex items-center -rotate-[4deg] border-2 border-dashed border-black bg-white px-4" data-animate-emphasis>building?</strong></h2> 241 242 <p class="type-paragraph text-black"> 243 Join thousands of other organizations and make your next production unforgettable. 244 </p> 245 246 <div class="mt-2"> 247 <a class="btn btn-primary" href="/">Get Started for Free</a> 248 </div> 249 </div> 250 </div> 251</section> 252 253 254 255<footer class="bg-yellow-500 px-6 md:px-10 lg:px-18 py-11"> 256 <div class="mx-auto flex max-w-7xl flex-col items-center gap-14"> 257 <nav class="flex flex-wrap items-center justify-center gap-x-10 gap-y-4" aria-label="Footer navigation"> 258 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/gallery">Popular Playbillders</a> 259 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/playbill-express">Playbill Express® Shows</a> 260 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/printing-solutions">Printing Solutions</a> 261 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/pricing">Pricing Estimator</a> 262 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/resources">Helpful Resources</a> 263 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="#consent-preferences">Consent Preferences</a> 264 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/resources/privacy">Privacy</a> 265 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/resources/terms">Terms</a> 266 <a class="type-paragraph-lg text-black transition-opacity hover:opacity-70" href="/faqs">FAQs</a> 267 </nav> 268 269 <div class="flex w-full flex-col items-center gap-6"> 270 <a href="/" class="block" aria-label="PLAYBILLder Home"> <img 271 src="/static/img/logo.svg" 272 alt="PLAYBILLder - Build Your Own Playbill" 273 class="h-auto max-w-full object-contain w-80 md:w-[420px] lg:w-[504px]" 274 /> 275 </a> 276 277 <div class="grid w-full grid-cols-1 items-end gap-6 md:grid-cols-3"> 278 <div class="flex flex-col gap-2 md:items-start"> 279 <div class="flex flex-col gap-0.5"> 280 <p class="type-iota text-black"> 281 Stay in the know 282 </p> 283 <p class="type-paragraph-xs text-black"> 284 Subscribe to updates from Playbillder 285 </p> 286 </div> 287 <div class="flex w-full max-w-[300px]" x-data="{ email: '', submitted: false }"> 288 <template x-if="!submitted"> 289 <form class="flex w-full" @submit.prevent="submitted = true"> 290 <input 291 type="email" 292 placeholder="Email address" 293 x-model="email" 294 required 295 class="type-paragraph-sm h-[43px] w-full rounded-l bg-white px-3.5 py-2.5 text-gray-600 placeholder:text-gray-600" 296 aria-label="Email address for newsletter" 297 /> 298 <button 299 type="submit" 300 class="type-paragraph-sm hover:bg-gray-800 h-[43px] rounded-r bg-black px-4 text-white transition-colors" 301 > 302 Go 303 </button> 304 </form> 305 </template> 306 <template x-if="submitted"> 307 <p class="type-paragraph-sm py-2.5 text-black"> 308 Thanks! We'll keep you posted. 309 </p> 310 </template> 311 </div> 312 </div> 313 314 <div class="type-paragraph-xs text-center text-black"> 315 <p> 316 © 2026 Playbillder. All rights reserved. 317 </p> 318 </div> 319 320 <div class="type-paragraph-xs text-black md:text-right">
321 <span>Also visit:</span> 322 <a class="underline transition-opacity hover:opacity-70" href="https://playbill.com/" rel="noopener noreferrer" target="_blank">Playbill.com</a> <span>|</span> 323 <a class="underline transition-opacity hover:opacity-70" href="https://playbillstore.com/" rel="noopener noreferrer" target="_blank">Playbillstore.com</a> </div> 324 </div> 325 </div> 326 </div> 327</footer> 328 </div> 329 330 </body> 331</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.