{"id":366523,"date":"2026-02-24T14:56:13","date_gmt":"2026-02-24T14:56:13","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&p=366523"},"modified":"2026-03-26T19:25:29","modified_gmt":"2026-03-26T19:25:29","slug":"buildcraft","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/","title":{"rendered":"BuildCraft"},"content":{"rendered":"
[vc_row][vc_column][vc_column_text]\"BuildCraft\n<\/picture>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
Template Details<\/span><\/div>[vc_column_text css=”.vc_custom_1{margin-top: 20px !important;}”]Author:<\/strong> Colorlib<\/p>\n

Released:<\/strong> April 2026<\/p>\n

License:<\/strong> CC BY 3.0<\/span><\/p>\n

Credits: <\/strong>Images from Unsplash[\/vc_column_text][\/vc_column][vc_column width=”2\/3″]

Description<\/span><\/div>[vc_column_text css=”.vc_custom_2{margin-top: 20px !important;}”]Construction clients evaluate contractors by portfolio quality and licensing before making a single phone call. BuildCraft showcases completed projects with fullscreen photography, project timelines, and scope descriptions that demonstrate capability at scale. Safety certifications, insurance documentation, and a quick quote form reduce the friction between discovery and first contact. All content lives in editable YAML files and Markdown blog posts\u2014add new projects, update service descriptions, or publish job site updates without any coding.<\/p>\n

Built with Astro 6<\/strong> and Tailwind CSS 4.x<\/strong>, BuildCraft delivers exceptional performance with lightning-fast page loads and a modern development experience. All content lives in simple YAML and Markdown files\u2014edit text, reorder sections, or remove entire blocks without touching any code. The template includes a built-in blog with search and filtering, dark mode with persistent toggle, View Transitions for SPA-like navigation, and a fully responsive design that looks stunning on every device.<\/p>\n

Construction Features<\/h3>\n
    \n
  • Project portfolio with category filtering<\/li>\n
  • Service descriptions for residential and commercial<\/li>\n
  • Safety certifications and license badges<\/li>\n
  • Free estimate request form with project details<\/li>\n
  • Construction process timeline visualization<\/li>\n
  • Client testimonials with project references<\/li>\n<\/ul>\n

    Technical Highlights<\/h3>\n
      \n
    • Lightning-fast performance with Astro static generation<\/li>\n
    • Utility-first styling with Tailwind CSS 4.x<\/li>\n
    • YAML + Markdown content system \u2014 edit everything without code<\/li>\n
    • Built-in blog with search, categories, and Markdown posts<\/li>\n
    • Dark mode with persistent toggle and flash-free loading<\/li>\n
    • View Transitions for SPA-like page navigation<\/li>\n
    • Fully responsive mobile-first design<\/li>\n
    • SEO optimized with Open Graph, structured data, and sitemap<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

      Construction clients evaluate contractors by portfolio quality and licensing before making a single phone call. BuildCraft showcases completed projects with fullscreen photography, project timelines, and scope descriptions that demonstrate capability at scale. Safety certifications, insurance documentation, and a quick quote form reduce the friction between discovery and first contact. All content lives in editable YAML files and Markdown blog posts\u2014add new projects, update service descriptions, or publish job site updates without any coding.<\/p>\n","protected":false},"author":697,"featured_media":366581,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"BuildCraft - Best Construction Tailwind Website Template %%currentyear%% - %%sitename%%","_yoast_wpseo_metadesc":"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.","footnotes":"","colorlib_dwn":"247044"},"portfolio_tag":[63110,63107,63108,63101,63099,63109,63100],"portfolio_category":[63171,5966,63046],"class_list":{"2":"type-portfolio","3":"status-publish","5":"hentry","16":"entry"},"yoast_head":"\nBuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/buildcraft\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/buildcraft\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T19:25:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/buildcraft-template-1771943678540.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1892\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/\",\"name\":\"BuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/buildcraft-template-1771943678540.jpg\",\"datePublished\":\"2026-02-24T14:56:13+00:00\",\"dateModified\":\"2026-03-26T19:25:29+00:00\",\"description\":\"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/buildcraft-template-1771943678540.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/buildcraft-template-1771943678540.jpg\",\"width\":2400,\"height\":1892},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/buildcraft\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Astro Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/astro\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"BuildCraft\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib","description":"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/","og_locale":"en_US","og_type":"article","og_title":"BuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib","og_description":"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.","og_url":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-03-26T19:25:29+00:00","og_image":[{"width":2400,"height":1892,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/buildcraft-template-1771943678540.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/","url":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/","name":"BuildCraft - Best Construction Tailwind Website Template 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/buildcraft-template-1771943678540.jpg","datePublished":"2026-02-24T14:56:13+00:00","dateModified":"2026-03-26T19:25:29+00:00","description":"BuildCraft is a construction company website template built with Astro and Tailwind CSS. Features project portfolios, safety certifications, and free estimate forms.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/buildcraft\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/buildcraft-template-1771943678540.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/buildcraft-template-1771943678540.jpg","width":2400,"height":1892},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/buildcraft\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Astro Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/astro\/"},{"@type":"ListItem","position":3,"name":"BuildCraft"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/366523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=366523"}],"version-history":[{"count":2,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/366523\/revisions"}],"predecessor-version":[{"id":368986,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/366523\/revisions\/368986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/366581"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=366523"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=366523"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=366523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}