1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/> 6<meta name="csrf-token" content="2MnBzEWw1GR3ggaG7NMgfi9virLa7nE9DwrWhKdv"/> 7<!-- Favicon --> 8<meta name="color-scheme" content="light"/> 9<link rel="sitemap" type="application/xml" href="/sitemap.xml"/> 10 11<link 12 rel="preload" 13 href="/fonts/instrumentSans/InstrumentSans-Regular.woff2" 14 as="font" 15 type="font/woff2" 16 crossorigin="anonymous" 17/> 18 19<link rel="preconnect" href="https://E3MIRNPJH5-dsn.algolia.net" crossorigin/> 20<link rel="preconnect" href="https://fonts.bunny.net"> 21<link href="https://fonts.bunny.net/css?family=ibm-plex-mono:500|merriweather:400&display=swap" rel="stylesheet"> 22 23 24<link rel="preload" as="style" href="https://laravel.com/build/assets/app-BSgAFB5i.css" /><link rel="modulepreload" as="script" href="https://laravel.com/build/assets/app-CBkgIW3L.js" /><link rel="modulepreload" as="script" href="https://laravel.com/build/assets/ai-boost-setup-BblmTBkl.js" /><link rel="modulepreload" as="script" href="https://laravel.com/build/assets/mediaQuery-C6iJCfwE.js" /><link rel="stylesheet" href="https://laravel.com/build/assets/app-BSgAFB5i.css" />
24<script type="module" src="https://laravel.com/build/assets/app-CBkgIW3L.js"></script>
24 25 26 <!-- Fathom - beautiful, simple website analytics --> 27
27<script src="https://cdn.usefathom.com/script.js" data-site="DVMEKBYF" data-spa="auto" defer></script>
27 28 <!-- / Fathom --> 29 30<!-- Google Tag Manager --> 31
31<script>
vendor: 533 bytes, lines 31-41
31 32 (function (w, d, s, l, i) { 33 w[l] = w[l] || []; 34 w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 35 var f = d.getElementsByTagName(s)[0], 36 j = d.createElement(s), 37 dl = l != 'dataLayer' ? '&l=' + l : ''; 38 j.async = true; 39 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 40 f.parentNode.insertBefore(j, f); 41 })(window, document, 'script', 'dataLayer', '
41GTM-T8K8RFRX
vendor: 12 bytes, lines 41-42
41'); 42
42</script>
42 43 <!-- / Google Tag Manager --> 44 45
46<script> 47 const alwaysLightMode = false; 48 const alwaysDarkMode = false; 49 window.algolia_app_id = 'E3MIRNPJH5'; 50 window.algolia_search_key = '1fa3a8fec06eb1858d6ca137211225c0'; 51 window.version = '13.x'; 52 53 if (alwaysDarkMode) { 54 document.documentElement.classList.add('dark'); 55 document.documentElement.setAttribute('data-theme', 'dark'); 56 document.documentElement.setAttribute('color-theme', 'dark'); 57 } else if (alwaysLightMode) { 58 document.documentElement.classList.remove('dark'); 59 document.documentElement.setAttribute('data-theme', 'light'); 60 document.documentElement.setAttribute('color-theme', 'light'); 61 } else { 62 const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; 63 const hasNoThemeOrIsSystemTheme = !localStorage.theme || localStorage.theme === 'system'; 64 65 if (localStorage.theme === 'dark' || (hasNoThemeOrIsSystemTheme && prefersDark)) { 66 document.documentElement.classList.add('dark'); 67 document.documentElement.setAttribute('data-theme', 'dark'); 68 document.documentElement.setAttribute('color-theme', 'dark'); 69 } else { 70 document.documentElement.classList.remove('dark'); 71 document.documentElement.setAttribute('data-theme', 'light'); 72 document.documentElement.setAttribute('color-theme', 'light'); 73 } 74 } 75</script>
75 76
77<script> 78 document.addEventListener('DOMContentLoaded', function () { 79 // Set a CSS variable for the viewport width for the divider component 80 document.documentElement.style.setProperty('--viewport-width', (document.body.clientWidth || 0) + 'px'); 81 }); 82 83 window.addEventListener( 84 'resize', 85 function () { 86 document.documentElement.style.setProperty('--viewport-width', (document.body.clientWidth || 0) + 'px'); 87 }, 88 {passive: true}, 89 ); 90</script>
90 91 92 <link rel="modulepreload" as="script" href="https://laravel.com/build/assets/inertia-DhFjHnTX.js" />
92<script type="module" src="https://laravel.com/build/assets/inertia-DhFjHnTX.js"></script>
92 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png" data-inertia="apple-touch-icon-light"> 93<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png" data-inertia="favicon-32-light"> 94<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png" data-inertia="favicon-16-light"> 95<link rel="manifest" href="/img/favicon/site.webmanifest" data-inertia="favicon-manifest"> 96<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#ff2d20" data-inertia="favicon-mask"> 97<link rel="shortcut icon" href="/img/favicon/favicon.ico" data-inertia="favicon-shortcut"> 98<meta name="msapplication-TileColor" content="#ff2d20" data-inertia="msapplication-TileColor"> 99<meta name="msapplication-config" content="/img/favicon/browserconfig.xml" data-inertia="msapplication-config"> 100<meta name="theme-color" content="#ffffff" data-inertia="theme-color"> 101<title data-inertia>Starter Kits | Laravel - The clean stack for Artisans and agents</title> 102<meta name="description" content="Laravel is a framework for building modern web apps and AI agents. Expressive syntax, built-in tools, and everything you need to ship fast." data-inertia="description"> 103<meta property="og:type" content="website" data-inertia="og:type"> 104<meta property="og:site_name" content="Laravel" data-inertia="og:site_name"> 105<meta property="og:locale" content="en_US" data-inertia="og:locale"> 106<meta property="og:url" content="https://laravel.com/starter-kits" data-inertia="og:url"> 107<meta property="og:title" content="Starter Kits | Laravel - The clean stack for Artisans and agents" data-inertia="og:title"> 108<meta property="og:description" content="Laravel is a framework for building modern web apps and AI agents. Expressive syntax, built-in tools, and everything you need to ship fast." data-inertia="og:description"> 109<meta property="og:image" content="https://laravel.com/images/og/laravel-starter-kits.png" data-inertia="og:image"> 110<meta property="twitter:card" content="summary_large_image" data-inertia="twitter:card"> 111<meta name="twitter:site" content="@laravel" data-inertia="twitter:site"> 112<meta property="twitter:url" content="https://laravel.com/starter-kits" data-inertia="twitter:url"> 113<meta property="twitter:title" content="Starter Kits | Laravel - The clean stack for Artisans and agents" data-inertia="twitter:title"> 114<meta property="twitter:description" content="Laravel is a framework for building modern web apps and AI agents. Expressive syntax, built-in tools, and everything you need to ship fast." data-inertia="twitter:description"> 115<meta property="twitter:image" content="https://laravel.com/images/og/laravel-starter-kits.png" data-inertia="twitter:image"> 116<link rel="canonical" href="https://laravel.com/starter-kits" data-inertia="canonical"> 117 </head> 118 119 <body 120 class="bg-white font-sans text-neutral-900 antialiased dark:text-neutral-100 [--cloud-content-padding:1.5rem] md:[--cloud-content-padding:3rem] lg:[--cloud-content-padding:4rem] [--cloud-content-padding-r:var(--cloud-content-padding)] lg:[--cloud-content-padding-r:2.5rem] dark:bg-neutral-900" 121 > 122
122<script data-page="app" type="application/json">{"component":"starter-kits","props":{"errors":{},"appUrl":"https:\/\/laravel.com","events":[{"type":"laravel-meetup","name":"Laravel Ontario October Meetup","startDate":"2026-10-01T00:00:00.000000Z","endDate":"2026-10-01T00:00:00.000000Z","location":"100 Dundas St London, ON N6A 5B6, Canada","url":"https:\/\/luma.com\/dlgq3iod","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M1J01ZQ8PQK0VP1NWK1KRXYQ.png","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M1J01ZQ8PQK0VP1NWK1KRXYQ.png","countryCode":"CA","logo":null},{"type":"laravel-meetup","name":"Laravel Meetup: Thessaloniki September Meetup","startDate":"2026-10-08T00:00:00.000000Z","endDate":"2026-10-08T00:00:00.000000Z","location":"Thessaloniki, Greece","url":"https:\/\/luma.com\/laravel-jwav","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KWHY7PMV0WM6P5CMD4Z7M5JG.png","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KWHY7PMV0WM6P5CMD4Z7M5JG.png","countryCode":"GR","logo":null},{"type":"laravel-meetup","name":"Laravel Georgia October Meetup ","startDate":"2026-10-08T00:00:00.000000Z","endDate":"2026-10-08T00:00:00.000000Z","location":"14 Kostava Str. Georgia, Tbilisi","url":"https:\/\/luma.com\/fvbiyp2i","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M2GR1DY1VPHKZKPSG6F3GPA9.png","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M2GR1DY1VPHKZKPSG6F3GPA9.png","countryCode":"GE","logo":null},{"type":"laravel-meetup","name":"PHPxPhilly October Meetup","startDate":"2026-10-28T00:00:00.000000Z","endDate":"2026-10-28T00:00:00.000000Z","location":"109 S 13th St Suite 119 Philadelphia PA 19107","url":"https:\/\/phpxphilly.com\/meetups\/486954563696078848\/rsvps","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M2407V9F35XMY27ASVWGX6C1.png","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01M2407V9F35XMY27ASVWGX6C1.png","countryCode":null,"logo":null},{"type":"laravel-meetup","name":"Laravel Switzerland October Meetup","startDate":"2026-10-29T00:00:00.000000Z","endDate":"2026-10-29T00:00:00.000000Z","location":"Xelon AG, Poststrasse 15, 6300 Zug, Switzerland","url":"https:\/\/luma.com\/sw57o2f1","thumbnail":"\/images\/community\/meetup-cover-photos\/CE-Swiss.png","coverImage":"\/images\/community\/meetup-cover-photos\/CE-Swiss.png","countryCode":null,"logo":null}],"featuredEvents":[{"type":"laracon","name":"Laracon AU","startDate":"2026-11-04T00:00:00.000000Z","endDate":"2026-11-06T00:00:00.000000Z","location":"Brisbane, QLD","url":"https:\/\/laracon.au\/","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KSVBA0V0WYV8XJQDSSWWP3QQ.png","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KSVBA1F9FP58F60TSRKDRDG3.png","countryCode":"AU","logo":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KT4G1RPYMP80HR0YBRBY8N93.svg"},{"type":"laracon","name":"Laracon EU","startDate":"2027-04-05T00:00:00.000000Z","endDate":"2027-04-07T00:00:00.000000Z","location":"Amsterdam, NL","url":"https:\/\/laracon.eu\/","thumbnail":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KXDJ3MRJ7MFRKSSE6XK56VNV.jpg","coverImage":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/events\/images\/01KXDJ3MRJ7MFRKSSE6XK56VNV.jpg","countryCode":"NL","logo":null}],"navPartners":[["64 Robots","https:\/\/laravel.com\/partners\/64-robots"],["CACI Limited","https:\/\/laravel.com\/partners\/caci-limited"],["Curotec","https:\/\/laravel.com\/partners\/curotec"],["Jump24","https:\/\/laravel.com\/partners\/jump24"],["Kirschbaum","https:\/\/laravel.com\/partners\/kirschbaum"],["Pixel","https:\/\/laravel.com\/partners\/pixel"],["Redberry","https:\/\/laravel.com\/partners\/redberry"],["Steadfast Collective","https:\/\/laravel.com\/partners\/steadfast-collective"],["Threadable","https:\/\/laravel.com\/partners\/threadable"],["Tighten","https:\/\/laravel.com\/partners\/tighten"],["UCodeSoft","https:\/\/laravel.com\/partners\/ucodesoft"],["Vehikl","https:\/\/laravel.com\/partners\/vehikl"],["byte5","https:\/\/laravel.com\/partners\/byte5"]],"featuredArticle":{"title":"Deploy Next.js and Nuxt apps on Laravel Cloud","url":"https:\/\/laravel.com\/blog\/deploy-nextjs-and-nuxt-apps-on-laravel-cloud","publishedAt":"2026-07-28T21:10:00.000000Z","excerpt":"Deploy your Next.js or Nuxt frontend alongside your Laravel app on Laravel Cloud: one platform, one deploy workflow, one bill.","image":"https:\/\/fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud\/cms\/posts\/featured-images\/next-nuxt-featured.webp"},"alerts":[],"githubStars":"85K","footerNavigation":[{"title":"Products","mobile_order":2,"items":[[{"name":"Cloud","url":"\/cloud"},{"name":"Forge","url":"https:\/\/forge.laravel.com"},{"name":"Nightwatch","url":"https:\/\/nightwatch.laravel.com"}
122,{"name":"Vapor","url":"https:\/\/vapor.laravel.com"},{"name":"Nova","url":"https:\/\/nova.laravel.com"}]]},{"title":"Packages","mobile_order":3,"items":[[{"name":"Cashier","url":"\/framework\/docs\/billing"},{"name":"Dusk","url":"\/framework\/docs\/dusk"},{"name":"Horizon","url":"\/framework\/docs\/horizon"},{"name":"Octane","url":"\/framework\/docs\/octane"},{"name":"Scout","url":"\/framework\/docs\/scout"},{"name":"Pennant","url":"\/framework\/docs\/pennant"},{"name":"Pint","url":"\/framework\/docs\/pint"},{"name":"Sail","url":"\/framework\/docs\/sail"},{"name":"Sanctum","url":"\/framework\/docs\/sanctum"},{"name":"Socialite","url":"\/framework\/docs\/socialite"},{"name":"Telescope","url":"\/framework\/docs\/telescope"},{"name":"Pulse","url":"\/framework\/docs\/pulse"},{"name":"Reverb","url":"\/framework\/docs\/reverb"},{"name":"Echo","url":"\/framework\/docs\/broadcasting"}]]},{"title":"Resources","mobile_order":1,"items":[[{"name":"Documentation","url":"\/framework\/docs"},{"name":"Starter Kits","url":"\/starter-kits"},{"name":"Release Notes","url":"\/framework\/docs\/releases"},{"name":"Blog","url":"\/blog"},{"name":"News","url":"https:\/\/laravel-news.com"},{"name":"Community","url":"\/community"},{"name":"Larabelles","url":"https:\/\/larabelles.com\/"},{"name":"Learn","url":"\/learn"},{"name":"Jobs","url":"https:\/\/larajobs.com\/?partner=5"},{"name":"Careers","url":"\/careers"},{"name":"Trust","url":"https:\/\/trust.laravel.com"}]]},{"title":"Partners","mobile_order":3,"items":[[{"name":"Curotec","url":"\/partners\/curotec"},{"name":"Vehikl","url":"\/partners\/vehikl"},{"name":"CACI Limited","url":"\/partners\/caci-limited"},{"name":"Steadfast Collective","url":"\/partners\/steadfast-collective"},{"name":"Threadable","url":"\/partners\/threadable"},{"name":"byte5","url":"\/partners\/byte5"},{"name":"Pixel","url":"\/partners\/pixel"},{"name":"Jump24","url":"\/partners\/jump24"},{"name":"Tighten","url":"\/partners\/tighten"},{"name":"UCodeSoft","url":"\/partners\/ucodesoft"},{"name":"See All","url":"\/partners"}]]}],"themeMode":"auto","turnstileSiteKey":"0x4AAAAAACsbGq0Ik_18miz7","hubspot":{"portalId":"45240648","forms":{"forge_contact_sales":"a1dfbc07-57e7-4b61-a4a8-e49152dc0eb8","high_intent_talk_to_team":"a1dfbc07-57e7-4b61-a4a8-e49152dc0eb8","high_intent_migration_credit":"79ab88a9-bcdd-49a2-a32c-3bf48cc6309a","cloud_newsletter":"8da1be24-1da3-4679-bbbc-47e88e97c5fc","blog_newsletter":"b05acb7f-55fb-48ca-b29f-f8c9edd51311","community_newsletter":"3b85e629-e578-4909-8a58-505bb3450577","footer_newsletter":"8da1be24-1da3-4679-bbbc-47e88e97c5fc","partner_application":"72a84fa6-63ef-43ea-a48f-a669513174d4","partner_match":"c8255a72-594e-42a6-a8a9-922c1123145e","partner_contact":"ecff708a-9c40-4ce5-bb81-12916d7b5a4a","low_intent_webinar_registrations":"a69cf816-818c-4578-b6fa-463006fd82df","low_intent_event_registrations":"3b85e629-e578-4909-8a58-505bb3450577","founders_summit":"04c36077-2332-49b6-abac-84b6d955ad1a"}},"mapboxPublicKey":"pk.eyJ1IjoiY2hpcG5lZWRoYW0iLCJhIjoiY21yMHp1enIxMGtieDJ6b3czZjNpZ3QwMCJ9.n94FotrfPCjK7dzk_1T-Aw"},"url":"\/starter-kits","version":"23d14746423c294304722b4e3a0c3c30","sharedProps":["errors","appUrl","events","featuredEvents","navPartners","featuredArticle","alerts","githubStars","footerNavigation","themeMode","turnstileSiteKey","hubspot","mapboxPublicKey"]}</script>
122<div data-server-rendered="true" id="app"><link rel="preload" as="image" href="/images/starter-kits/dashboard-1.png"/><link rel="preload" as="image" href="/images/starter-kits/dashboard-dark-1.png"/><link rel="preload" as="image" href="/images/starter-kits/dashboard-2.png"/><link rel="preload" as="image" href="/images/starter-kits/dashboard-dark-2.png"/><link rel="preload" as="image" href="/images/starter-kits/dashboard-3.png"/><link rel="preload" as="image" href="/images/starter-kits/dashboard-dark-3.png"/><link rel="preload" as="image" href="/images/starter-kits/configure/simple.png"/><link rel="preload" as="image" href="/images/starter-kits/configure/simple-dark.png"/><link rel="preload" as="image" href="/images/starter-kits/customize-files.png"/><link rel="preload" as="image" href="/images/starter-kits/customize-files-dark.png"/><link rel="preload" as="image" href="/images/starter-kits/customize-form.png"/><link rel="preload" as="image" href="/images/starter-kits/customize-form-dark.png"/><link rel="preload" as="image" href="https://pbs.twimg.com/profile_images/1503487031330197518/J4i7ofgt_400x400.jpg"/><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="sticky top-0 z-50 w-full dark:text-white [--accent-color:var(--color-laravel-red)] [--bg-color:var(--color-white)] dark:[--bg-color:var(--color-neutral-900)] [--border-color:#00000018] dark:[--border-color:#fff2] [--active-color:#f530030d] dark:[--active-color:#f530030d]"><div class="flex h-16 items-center border-b border-(--border-color) bg-(--bg-color)/80 backdrop-blur-sm transition-colors duration-150 ease-out"><div class="container flex size-full items-center justify-between"><div class="flex h-full items-center"><div class="flex h-full items-center"><div class="shrink-0 pr-5"><a class="group/logo -mx-1 block shrink-0 p-1" aria-label="Laravel" href="/"><svg viewBox="0 0 1280 314" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 transition-colors duration-150 ease-out text-laravel-red"><path d="M50.2753 0H0V308.689H144.713V263.27H50.2753V0Z" fill="currentColor"></path><path d="M322.209 130.973C315.796 120.684 306.688 112.602 294.883 106.718C283.081 100.84 271.201 97.8969 259.253 97.8969C243.798 97.8969 229.665 100.764 216.843 106.496C204.014 112.228 193.015 120.099 183.834 130.091C174.654 140.088 167.51 151.628 162.412 164.706C157.308 177.792 154.761 191.54 154.761 205.94C154.761 220.645 157.308 234.457 162.412 247.39C167.508 260.332 174.652 271.796 183.834 281.788C193.015 291.785 204.017 299.647 216.843 305.379C229.665 311.111 243.798 313.978 259.253 313.978C271.201 313.978 283.081 311.038 294.883 305.159C306.688 299.282 315.796 291.197 322.209 280.904V308.685H369.865V103.186H322.209V130.973ZM317.837 231.076C314.922 239.016 310.841 245.925 305.598 251.804C300.35 257.687 294.009 262.389 286.579 265.917C279.146 269.445 270.905 271.208 261.875 271.208C252.837 271.208 244.676 269.445 237.391 265.917C230.104 262.389 223.839 257.687 218.593 251.804C213.345 245.925 209.335 239.016 206.57 231.076C203.794 223.138 202.417 214.759 202.417 205.942C202.417 197.12 203.794 188.742 206.57 180.804C209.335 172.866 213.345 165.961 218.593 160.078C223.839 154.201 230.102 149.493 237.391 145.965C244.676 142.437 252.837 140.674 261.875 140.674C270.908 140.674 279.146 142.437 286.579 145.965C294.009 149.493 300.35 154.199 305.598 160.078C310.844 165.961 314.922 172.866 317.837 180.804C320.748 188.742 322.209 197.12 322.209 205.942C322.209 214.759 320.748 223.138 317.837 231.076Z" fill="currentColor"></path><path d="M709.568 130.973C703.155 120.684 694.047 112.602 682.242 106.718C670.44 100.84 658.56 97.8969 646.612 97.8969C631.157 97.8969 617.024 100.764 604.202 106.496C591.373 112.228 580.374 120.099 571.193 130.091C562.013 140.088 554.869 151.628 549.771 164.706C544.666 177.792 542.12 191.54 542.12 205.94C542.12 220.645 544.666 234.457 549.771 247.39C554.867 260.332 562.01 271.796 571.193 281.788C580.374 291.785 591.375 299.647 604.202 305.379C617.024 311.111 631.157 313.978 646.612 313.978C658.56 313.978 670.44 311.038 682.242 305.159C694.047 299.282 703.155 291.197 709.568 280.904V308.685H757.224V103.186H709.568V130.973ZM705.198 231.076C702.283 239.016 698.202 245.925 692.959 251.804C687.711 257.687 681.37 262.389 673.94 265.917C666.507 269.445 658.266 271.208 649.236 271.208C64
1220.198 271.208 632.037 269.445 624.752 265.917C617.465 262.389 611.2 257.687 605.954 251.804C600.706 245.925 596.696 239.016 593.931 231.076C591.155 223.138 589.778 214.759 589.778 205.942C589.778 197.12 591.155 188.742 593.931 180.804C596.696 172.866 600.706 165.961 605.954 160.078C611.2 154.201 617.463 149.493 624.752 145.965C632.037 142.437 640.198 140.674 649.236 140.674C658.269 140.674 666.507 142.437 673.94 145.965C681.37 149.493 687.711 154.199 692.959 160.078C698.205 165.961 702.283 172.866 705.198 180.804C708.109 188.742 709.57 197.12 709.57 205.942C709.568 214.759 708.107 223.138 705.198 231.076Z" fill="currentColor"></path><path d="M1280 1.12315e-05H1232.35V308.689H1280V1.12315e-05Z" fill="currentColor"></path><path d="M407.466 308.689H455.117V150.486H536.876V103.192H407.466V308.689Z" fill="currentColor"></path><path d="M948.281 103.192L888.386 260.557L828.489 103.192H780.224L858.441 308.689H918.331L996.546 103.192H948.281Z" fill="currentColor"></path><path d="M1100.48 97.908C1042.13 97.908 995.937 146.279 995.937 205.944C995.937 271.9 1040.64 313.98 1106.59 313.98C1143.5 313.98 1167.06 299.745 1195.85 268.746L1163.66 243.621C1163.64 243.646 1139.36 275.802 1103.1 275.802C1060.96 275.802 1043.22 241.533 1043.22 223.803H1201.32C1209.62 155.913 1165.37 97.908 1100.48 97.908ZM1043.35 188.085C1043.71 184.13 1049.2 136.086 1100.1 136.086C1151.01 136.086 1157.19 184.123 1157.55 188.085H1043.35Z" fill="currentColor"></path></svg></a></div></div><div style="position:relative"><ul data-orientation="horizontal" class="hidden pt-px lg:block" dir="ltr"><div class="flex items-center" style="opacity:1;filter:blur(0px)"><li class="relative"><button id="radix-_R_25_-trigger-framework" data-state="closed" aria-expanded="false" aria-controls="radix-_R_25_-content-framework" class="flex h-9 items-center rounded-lg px-3 text-[15px] font-medium tracking-tight text-neutral-900 hover:bg-(--active-color) data-[state=open]:bg-(--active-color) dark:text-neutral-300 dark:hover:text-white group cursor-pointer gap-1 pr-1.5 lg:pr-2" data-radix-collection-item="">Framework<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="size-4 text-(--accent-color) lg:size-5" aria-hidden="true"><g class="transition-transform duration-150 ease-out group-data-[state=open]:-translate-y-[5.25px]"><path d="M5.75 8.75L10 13" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:-rotate-90"></path><path d="M10 13L14.25 8.75" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:rotate-90"></path></g></svg></button></li><li class="relative"><button id="radix-_R_25_-trigger-products" data-state="closed" aria-expanded="false" aria-controls="radix-_R_25_-content-products" class="flex h-9 items-center rounded-lg px-3 text-[15px] font-medium tracking-tight text-neutral-900 hover:bg-(--active-color) data-[state=open]:bg-(--active-color) dark:text-neutral-300 dark:hover:text-white group cursor-pointer gap-1 pr-1.5 lg:pr-2" data-radix-collection-item="">Products<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="size-4 text-(--accent-color) lg:size-5" aria-hidden="true"><g class="transition-transform duration-150 ease-out group-data-[state=open]:-translate-y-[5.25px]"><path d="M5.75 8.75L10 13" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:-rotate-90"></path><path d="M10 13L14.25 8.75" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:rotate-90"></path></g></svg></button></li><li class="relative"><button id="radix-_R_25_-trigger-resources" data-state="closed" aria-expanded="false" aria-controls="radix-_R_25_-content-resources" class="flex h-9 items-center rounded-lg px-3 text-[15px] font-medium tracking-tight text-neutral-900 hover:bg-(--active-color) data-[state=open]:bg-(--active-color) dark:text-neutral-300 dark:hover:text-white group cursor-pointer gap-1 pr-1.5 lg:pr-2" data-radix-collection-item="">Resources<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="size-4 text-(--accent-color) lg:size-5" aria-hidden="true"><g class="transition-transform duration-150 ease-out group-data-[state=open]:-translate-y-[5.25px]"><path d="M5.75 8.75L10 13" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:-rotate-90"></path><path d="M10 13L14.25 8.75" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:rotate-90"></path></g></svg></button></li><li class="relative"><button id="radix-_R_25_-trigger-events" data-state="closed" aria-expanded="false" aria-controls="radix-_R_25_-content-events" class="flex h-9 items-center rounded-lg px-3 text-[15px] font-medium tracking-tight text-neutral-900 hover:bg-(--active-color) data-[state=open]:bg-(--active-color) dark:text-neutral-300 dark:hover:text-white group cursor-pointer gap-1 pr-1.5 lg:pr-2" data-radix-collection-item="">Events<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="size-4 text-(--accent-color) lg:size-5" aria-hidden="true"><g class="transition-transform duration-150 ease-out group-data-[state=open]:-translate-y-[5.25px]"><path d="M5.75 8.75L10 13" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:-rotate-90"></path><path d="M10 13L14.25 8.75" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:rotate-90"></path></g></svg></button></li><li><a class="flex h-9 items-center rounded-lg px-3 text-[15px] font-medium tracking-tight text-neutral-900 hover:bg-(--active-color) data-[state=open]:bg-(--active-color) dark:text-neutral-300 dark:hover:text-white" href="/framework/docs">Docs</a></li></div></ul></div></div><div class="flex items-center gap-4"><div class="flex items-center gap-4" style="opacity:1;filter:blur(0px);transform:none"><a href="https://github.com/laravel/laravel" class="flex hidden items-center gap-2 text-[15px] font-medium tracking-tight text-neutral-900 hover:text-blue-600 lg:flex dar
122k:text-neutral-400 dark:hover:text-neutral-100" target="_blank" rel="noopener noreferrer"><svg class="size-4" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg><span>85K</span></a><button type="button" class="group relative hidden h-8 items-center gap-1 rounded-lg border border-neutral-200 bg-white px-2 text-sm shadow-xs xs:flex hover:bg-neutral-50 data-[state=open]:bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800 dark:hover:bg-neutral-700 data-[state=open]:dark:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_tme5_" data-state="closed">Sign in<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="size-4 opacity-50" aria-hidden="true"><g class="transition-transform duration-150 ease-out group-data-[state=open]:-translate-y-[5.25px]"><path d="M5.75 8.75L10 13" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:-rotate-90"></path><path d="M10 13L14.25 8.75" class="transition-transform duration-150 ease-out origin-[10px_13px] group-data-[state=open]:rotate-90"></path></g></svg></button><button type="button" class="relative hidden h-8 min-w-40 items-center gap-2 rounded-lg border border-neutral-200 bg-white px-2 shadow-xs hover:bg-neutral-50 lg:flex dark:border-neutral-700 dark:bg-neutral-800 dark:hover:bg-neutral-700"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="size-4 shrink-0 text-neutral-400 dark:text-neutral-500"><path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd"></path></svg><div class="grow text-left text-sm tracking-tight text-neutral-500 dark:text-neutral-300">Search docs<div id="docsearch-_R_15me5_" class="absolute inset-0 cursor-pointer bg-transparent text-base *:absolute *:inset-0 *:px-9 *:py-1.5 dark:text-neutral-300"></div></div><kbd class="shrink-0 text-sm tracking-tight text-neutral-400 dark:text-neutral-500">âK</kbd></button></div><button type="button" class="flex items-center justify-center rounded-lg p-1 lg:hidden" aria-label="Open navigation menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 text-black dark:text-white"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"></path></svg></button><div class="pointer-events-none fixed top-0 left-0 z-99 h-screen w-screen overflow-hidden"><div class="pointer-events-auto size-full overflow-hidden bg-(--bg-color) leading-tight transition-transform duration-300 ease-out lg:hidden translate-x-full" inert="" aria-hidden="true"><div class="flex size-full flex-col overflow-y-auto"><div class="flex items-center justify-between p-6"><a class="shrink-0 p-1" href="/"><svg viewBox="0 0 1280 314" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 text-laravel-red"><path d="M50.2753 0H0V308.689H144.713V263.27H50.2753V0Z" fill="currentColor"></path><path d="M322.209 130.973C315.796 120.684 306.688 112.602 294.883 106.718C283.081 100.84 271.201 97.8969 259.253 97.8969C243.798 97.8969 229.665 100.764 216.843 106.496C204.014 112.228 193.015 120.099 183.834 130.091C174.654 140.088 167.51 151.628 162.412 164.706C157.308 177.792 154.761 191.54 154.761 205.94C154.761 220.645 157.308 234.457 162.412 247.39C167.508 260.332 174.652 271.796 183.834 281.788C193.015 291.785 204.017 299.647 216.843 305.379C229.665 311.111 243.798 313.978 259.253 313.978C271.201 313.978 283.081 311.038 294.883 305.159C306.688 299.282 315.796 291.197 322.209 280.904V308.685H369.865V103.186H322.209V130.973ZM317.837 231.076C314.922 239.016 310.841 245.925 305.598 251.804C300.35 257.687 294.009 262.389 286.579 265.917C279.146 269.445 270.905 271.208 261.875 271.208C252.837 271.208 244.676 269.445 237.391 265.917C230.104 262.389 223.839 257.687 218.593 251.804C213.345 245.925 209.335 239.016 206.57 231.076C203.794 223.138 202.417 214.759 202.417 205.942C202.417 197.12 203.794 188.742 206.57 180.804C209.335 172.866 213.345 165.961 218.593 160.078C223.839 154.201 230.102 149.493 237.391 145.965C244.676 142.437 252.837 140.674 261.875 140.674
122C270.908 140.674 279.146 142.437 286.579 145.965C294.009 149.493 300.35 154.199 305.598 160.078C310.844 165.961 314.922 172.866 317.837 180.804C320.748 188.742 322.209 197.12 322.209 205.942C322.209 214.759 320.748 223.138 317.837 231.076Z" fill="currentColor"></path><path d="M709.568 130.973C703.155 120.684 694.047 112.602 682.242 106.718C670.44 100.84 658.56 97.8969 646.612 97.8969C631.157 97.8969 617.024 100.764 604.202 106.496C591.373 112.228 580.374 120.099 571.193 130.091C562.013 140.088 554.869 151.628 549.771 164.706C544.666 177.792 542.12 191.54 542.12 205.94C542.12 220.645 544.666 234.457 549.771 247.39C554.867 260.332 562.01 271.796 571.193 281.788C580.374 291.785 591.375 299.647 604.202 305.379C617.024 311.111 631.157 313.978 646.612 313.978C658.56 313.978 670.44 311.038 682.242 305.159C694.047 299.282 703.155 291.197 709.568 280.904V308.685H757.224V103.186H709.568V130.973ZM705.198 231.076C702.283 239.016 698.202 245.925 692.959 251.804C687.711 257.687 681.37 262.389 673.94 265.917C666.507 269.445 658.266 271.208 649.236 271.208C640.198 271.208 632.037 269.445 624.752 265.917C617.465 262.389 611.2 257.687 605.954 251.804C600.706 245.925 596.696 239.016 593.931 231.076C591.155 223.138 589.778 214.759 589.778 205.942C589.778 197.12 591.155 188.742 593.931 180.804C596.696 172.866 600.706 165.961 605.954 160.078C611.2 154.201 617.463 149.493 624.752 145.965C632.037 142.437 640.198 140.674 649.236 140.674C658.269 140.674 666.507 142.437 673.94 145.965C681.37 149.493 687.711 154.199 692.959 160.078C698.205 165.961 702.283 172.866 705.198 180.804C708.109 188.742 709.57 197.12 709.57 205.942C709.568 214.759 708.107 223.138 705.198 231.076Z" fill="currentColor"></path><path d="M1280 1.12315e-05H1232.35V308.689H1280V1.12315e-05Z" fill="currentColor"></path><path d="M407.466 308.689H455.117V150.486H536.876V103.192H407.466V308.689Z" fill="currentColor"></path><path d="M948.281 103.192L888.386 260.557L828.489 103.192H780.224L858.441 308.689H918.331L996.546 103.192H948.281Z" fill="currentColor"></path><path d="M1100.48 97.908C1042.13 97.908 995.937 146.279 995.937 205.944C995.937 271.9 1040.64 313.98 1106.59 313.98C1143.5 313.98 1167.06 299.745 1195.85 268.746L1163.66 243.621C1163.64 243.646 1139.36 275.802 1103.1 275.802C1060.96 275.802 1043.22 241.533 1043.22 223.803H1201.32C1209.62 155.913 1165.37 97.908 1100.48 97.908ZM1043.35 188.085C1043.71 184.13 1049.2 136.086 1100.1 136.086C1151.01 136.086 1157.19 184.123 1157.55 188.085H1043.35Z" fill="currentColor"></path></svg></a><button type="button" aria-label="Close navigation menu" class="flex items-center justify-center rounded-lg p-1 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 text-black dark:text-white"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg></button></div><ul class="flex flex-col px-6"><li class="w-full"><button type="button" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)"><span>Framework</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-4 shrink-0 text-(--accent-color)"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></button></li><li class="w-full"><button type="button" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-4 shrink-0 text-(--accent-color)"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></button></li><li class="w-full"><button type="button" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)"><span>Resources</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-4 shrink-0 text-(--accent-color)"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></button></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/community">Events</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/framework/docs">Docs</a></li></ul></div><div class="absolute inset-0 overflow-y-auto bg-(--bg-color) transition-transform duration-300 ease-out delay-300 translate-x-full" inert="" aria-hidden="true"><div class="flex items-center justify-between gap-2 p-6"><button type="button" class="flex grow items-center gap-2 p-1 text-xl font-medium" aria-label="Back to main menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="size-5 text-(--accent-color)"><path fill-rule="evenodd" d="M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z" clip-rule="evenodd"></path></svg>
122Framework</button><button type="button" class="flex items-center justify-center rounded-lg p-1 md:hidden" aria-label="Close navigation menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 text-black dark:text-white"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg></button></div><ul class="flex flex-col px-6"><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/">Overview</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/starter-kits">Starter Kits</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/framework/docs/releases">Release Notes</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/framework/docs">Documentation</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/learn">Laravel Learn</a></li></ul></div><div class="absolute inset-0 overflow-y-auto bg-(--bg-color) transition-transform duration-300 ease-out delay-300 translate-x-full" inert="" aria-hidden="true"><div class="flex items-center justify-between gap-2 p-6"><button type="button" class="flex grow items-center gap-2 p-1 text-xl font-medium" aria-label="Back to main menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="size-5 text-(--accent-color)"><path fill-rule="evenodd" d="M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z" clip-rule="evenodd"></path></svg>Products</button><button type="button" class="flex items-center justify-center rounded-lg p-1 md:hidden" aria-label="Close navigation menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 text-black dark:text-white"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg></button></div><ul class="flex flex-col px-6"><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/cloud">Laravel Cloud</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/forge">Forge</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/nightwatch">Nightwatch</a></li><li class="w-full"><a href="https://nova.laravel.com" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)">Nova</a></li></ul></div><div class="absolute inset-0 overflow-y-auto bg-(--bg-color) transition-transform duration-300 ease-out delay-300 translate-x-full" inert="" aria-hidden="true"><div class="flex items-center justify-between gap-2 p-6"><button type="button" class="flex grow items-center gap-2 p-1 text-xl font-medium" aria-label="Back to main menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" class="size-5 text-(--accent-color)"><path fill-rule="evenodd" d="M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z" clip-rule="evenodd"></path></svg>Resources</button><button type="button" class="flex items-center justify-center rounded-lg p-1 md:hidden" aria-label="Close navigation menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 text-black dark:text-white">
122<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg></button></div><ul class="flex flex-col px-6"><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/blog">Blog</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/partners">Partners</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/careers">Careers</a></li><li class="w-full"><a href="https://trust.laravel.com" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)">Trust</a></li><li class="w-full"><a class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)" href="/legal">Legal</a></li><li class="w-full"><a href="https://status.laravel.com" class="flex w-full items-center justify-between py-4 text-xl font-medium leading-none cursor-pointer border-b border-(--border-color)">Status</a></li></ul></div></div></div></div></div></div><div class="absolute top-full right-0 left-0 flex justify-center px-4 perspective-[2000px]"></div></nav><div class="grid-pattern [background-position:0_-1px]"><div class="mx-auto max-w-[1400px]"><section class="relative w-full overflow-hidden border-x border-neutral-300 bg-white px-4 pt-6 pr-0 pb-[400px] lg:pt-24 lg:pb-[320px] xl:px-16 xl:pr-0 dark:border-sand-dark-6 dark:bg-neutral-900"><div class="relative pr-8 lg:pr-0"><div class="relative items-center space-y-8 lg:grid lg:grid-cols-2 lg:space-y-0"><div class="relative z-20 max-w-2xl"><h2 class="text-sm text-sand-light-12 dark:text-sand-dark-12">All new official Starter Kits</h2><h1 class="mt-4 text-4xl font-medium tracking-tight text-sand-light-12 sm:text-5xl lg:text-6xl/[1.1em] dark:text-sand-light-3">The fastest way to start your next application</h1><p class="mt-5 text-sand-light-11 sm:mt-7 sm:text-lg dark:text-sand-dark-11">With authentication, registration, settings, and best practices built in, our starter kits let you skip the setup and start building what really matters...<br class="max-xl:hidden"/> in<!-- --> <button class="text-sand-light-9 underline decoration-1 underline-offset-[10%] transition duration-100 hover:text-sand-light-11 dark:text-sand-dark-12 hover:dark:text-sand-dark-11">light</button> <!-- -->or<!-- --> <button class="text-sand-light-12 underline decoration-1 underline-offset-[10%] transition duration-100 hover:text-sand-light-10 dark:text-sand-dark-8">dark</button> <!-- -->mode.</p></div><div class="relative right-0 z-10 w-full pt-12 lg:pt-0"><div class="absolute h-[1081px] w-[1922px] perspective-normal"><div class="relative flex w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-light-7 bg-[#fafafa]/30 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:hidden z-30 -top-[10px] left-[30px] translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:0ms"><img src="/images/starter-kits/dashboard-1.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg relative z-20"/></div><div class="relative hidden w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-dark-7 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:flex z-30 -top-[10px] left-[30px] translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:0ms"><img src="/images/starter-kits/dashboard-dark-1.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg relative z-20"/></div><div class="relative flex w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-light-7 bg-[#fafafa]/30 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:hidden z-20 -top-[62px] left-[131px] -translate-y-12 translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:100ms"><img src="/images/starter-kits/dashboard-2.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg"/></div><div class="relative hidden w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-dark-7 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:flex z-20 -top-[62px] left-[131px] -translate-y-12 bg-[#fafafa]/30 translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:100ms"><img src="/images/starter-kits/dashboard-dark-2.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg"/></div><div class="relative flex w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-light-7 bg-[#fafafa]/30 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:hidden z-10 -top-[108px] left-[221px] -translate-y-24 translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:200ms"><img src="/images/starter-kits/dashboard-3.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg"/></div><div class="relative hidden w-full rotate-x-[6deg] rotate-z-[3.5deg] flex-col rounded-lg border border-sand-dark-7 backdrop-blur-xl transition-all duration-600 ease-out lg:absolute dark:flex z-10 -top-[108px] left-[221px] -translate-y-24 bg-[#fafafa]/30 translate-x-8 rotate-y-[0deg] opacity-0" style="transition-delay:200ms"><img src="/images/starter-kits/dashboard-dark-3.png" alt="Dashboard Screenshot" class="h-full w-full rounded-lg"/></div></div></div></div></div><div class="absolute bottom-0 left-1/2 z-30 -translate-x-1/2 -translate-y-12 opacity-100 duration-500 starting:-translate-y-8 starting:opacity-0"><button class="inline-flex cursor-pointer items-center gap-3 rounded-full bg-[#151718] py-2 pr-6 pl-2 text-base font-medium text-white shadow-xxl ring ring-transparent transition-all duration-300 ring-inset hover:opacity-90 dark:ring-sand-dark-10 dark:hover:bg-black dark:hover:opacity-100 dark:hover:ring-sand-dark-11"><span class="flex size-11 shrink-0 items-center justify-center rounded-full bg-white text-[#151718]">
122<svg class="size-10" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 3C10.611 3 3 10.611 3 20s7.611 17 17 17 17-7.611 17-17S29.389 3 20 3ZM0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z" fill="#1B1B18"></path><path d="M16 25.608V14.392a1 1 0 0 1 1.563-.826l8.225 5.608a1 1 0 0 1 0 1.652l-8.225 5.608A1 1 0 0 1 16 25.608Z" fill="currentColor"></path></svg></span><span class="flex flex-col items-start justify-start text-sm/5 whitespace-nowrap"><span>Discover starter kits</span><span class="text-sand-light-8">5 min 17 sec</span></span></button></div><div class="absolute bottom-0 left-0 z-0 h-3/4 w-full -translate-x-16 translate-y-0 pl-4"><div class="absolute top-0 z-20 h-full w-full bg-gradient-to-b from-sand-light-1 from-[25%] to-transparent dark:from-neutral-900"></div><div class="dot-pattern absolute top-0 z-10 h-full w-full"></div></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section><div class="relative z-40 grid h-auto w-full grid-cols-1 gap-px divide-sand-light-7 border-x border-neutral-300 bg-neutral-300 lg:grid-cols-2 dark:border-sand-dark-6 dark:bg-sand-dark-6"><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#F2FCFF] hover:bg-[#F2FCFF] dark:focus-within:bg-[#01181D] dark:hover:bg-[#01181D]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#20CAF8]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348" style="width:1.38rem;height:1.38rem"><circle cx="0" cy="0" r="2.05" fill="#20caf8"></circle><g stroke="#20caf8" stroke-width="1" fill="none"><ellipse rx="11" ry="4.2"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(60)"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(120)"></ellipse></g></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">React Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">React 19, TypeScript, Inertia 3, shadcn/ui</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewB
122ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/react" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#F6FFFB] hover:bg-[#F6FFFB] dark:focus-within:bg-[#022214] dark:hover:bg-[#022214]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#41B883]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg" style="width:1.38rem;height:1.38rem"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"></path></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"></path></g></g></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Vue Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Vue 3, TypeScript, Inertia 3, shadcn-vue</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewB
122ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/vue" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#FFF6F9] hover:bg-[#FFF6F9] dark:focus-within:bg-[#1D050F] dark:hover:bg-[#1D050F]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#FB9AC2]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1.38rem;height:1.38rem"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M30.834 29.617C35.638 22.47 35.763 14.542 31.206 5.833C34.7165 9.42758 36.6772 14.2556 36.667 19.28C36.667 22.306 35.972 25.17 34.733 27.714C34.028 28.738 33.493 30 32.06 30C31.57 30 31.174 29.852 30.834 29.617Z" fill="#E24CA6"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M17.35 24.038C23.726 24.038 26.41 20.34 26.41 15.088C26.41 9.834 22.355 5 17.35 5C12.347 5 8.291 9.835 8.291 15.087C8.291 20.34 10.974 24.038 17.35 24.038Z" fill="white"></path><path d="M14.915 15.385C16.791 15.385 18.312 13.705 18.312 11.635C18.312 9.564 16.792 7.885 14.915 7.885C13.039 7.885 11.518 9.564 11.518 11.635C11.518 13.705 13.038 15.385 14.915 15.385Z" fill="#030776"></path><path d="M14.35 12.5C15.287 12.5 16.048 11.725 16.048 10.77C16.048 9.813 15.288 9.039 14.349 9.039C13.411 9.039 12.65 9.813 12.65 10.769C12.65 11.725 13.41 12.5 14.35 12.5Z" fill="white"></path></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div>
122<div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Livewire Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Livewire 4 and Flux UI</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/livewire" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#FFF8F6] hover:bg-[#FFF8F6] dark:focus-within:bg-[#1A0500] dark:hover:bg-[#1A0500]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#FFA485]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98.1 118" style="width:1.38rem;height:1.38rem" xml:space="preserve"><style type="text/css"> 123 .st0{fill:#FF3E00;} 124 .st1{fill:#FFFFFF;} 125</style><path class="st0" d="M91.8,15.6C80.9-0.1,59.2-4.7,43.6,5.2L16.1,22.8C8.6,27.5,3.4,35.2,1.9,43.9c-1.3,7.3-0.2,14.8,3.3,21.3 c-2.4,3.6-4,7.6-4.7,11.8c-1.6,8.9,0.5,18.1,5.7,25.4c11,15.7,32.6,20.3,48.2,10.4l27.5-17.5c7.5-4.7,12.7-12.4,14.2-21.1 c1.3-7.3,0.2-14.8-3.3-21.3c2.4-3.6,4-7.6,4.7-11.8C99.2,32.1,97.1,22.9,91.8,15.6"></path><path class="st1" d="M40.9,103.9c-8.9,2.3-18.2-1.2-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3c0.2-0.9,0.4-1.7,0.6-2.6l0.5-1.6l1.4,1 c3.3,2.4,6.9,4.2,10.8,5.4l1,0.3l-0.
1251,1c-0.1,1.4,0.3,2.9,1.1,4.1c1.6,2.3,4.4,3.4,7.1,2.7c0.6-0.2,1.2-0.4,1.7-0.7L65.5,72 c1.4-0.9,2.3-2.2,2.6-3.8c0.3-1.6-0.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7l-10.5,6.7 c-1.7,1.1-3.6,1.9-5.6,2.4c-8.9,2.3-18.2-1.2-23.4-8.7c-3.1-4.4-4.4-9.9-3.4-15.3c0.9-5.2,4.1-9.9,8.6-12.7l27.5-17.5 c1.7-1.1,3.6-1.9,5.6-2.5c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.2,0.9-0.4,1.7-0.7,2.6l-0.5,1.6l-1.4-1 c-3.3-2.4-6.9-4.2-10.8-5.4l-1-0.3l0.1-1c0.1-1.4-0.3-2.9-1.1-4.1c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7L32.4,46.1 c-1.4,0.9-2.3,2.2-2.6,3.8s0.1,3.3,1,4.6c1.6,2.3,4.4,3.3,7.1,2.6c0.6-0.2,1.2-0.4,1.7-0.7l10.5-6.7c1.7-1.1,3.6-1.9,5.6-2.5 c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.9,5.2-4.1,9.9-8.6,12.7l-27.5,17.5C44.8,102.5,42.9,103.3,40.9,103.9"></path></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Svelte Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Svelte 5, TypeScript, Inertia 3, shadcn-svelte</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/svelte" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section class="block w-full border-x border-neutral-300 bg-sand-light-1 py-12 pr-0 pb-0 pl-0 lg:pt-24 dark:border-sand-dark-6 dark:bg-sand-dark-1"><div class="px-4 lg:pb-[9px] xl:px-16"><h2 class="text-2xl font-medium lg:text-3xl dark:text-sand-light-3">An authenticated application out of the box</h2><p class="mt-2 text-sand-light-11 opacity-90 dark:text-sand-light-9">Authentication options to suit your application's needs.</p></div><div class="mt-6 grid grid-cols-1 divide-y divide-sand-light-7 from-sand-light-7 lg:grid-cols-2 lg:gap-px lg:divide-y-0 lg:bg-gradient-to-t dark:divide-sand-dark-6 dark:from-sand-dark-7"><div class="relative isolate flex h-full flex-col justify-between bg-sand-light-1 pt-12 pl-4 xl:pt-16 xl:pl-16 dark:bg-sand-dark-1"><div class="relative z-50 mb-12 flex items-start gap-3"><div class="flex-1 space-y-2.5"><span class="inline-block text-xs font-medium text-sand-light-11 lg:hidden dark:text-sand-dark-11">Optional</span><div class="flex items-center gap-1.5 dark:text-sand-light-3"><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="size-5">
125<path fill="currentColor" fill-rule="evenodd" d="M9.388 1.038a.75.75 0 0 1 .474 0l6.875 2.292a.75.75 0 0 1 .513.712v5.343c0 2.323-1.006 4.038-2.421 5.38-1.387 1.316-3.197 2.303-4.848 3.193a.75.75 0 0 1-.712 0c-1.651-.89-3.461-1.877-4.848-3.193C3.006 13.423 2 11.708 2 9.385V4.042a.75.75 0 0 1 .513-.712l6.875-2.292ZM3.5 4.582v4.803c0 1.821.764 3.164 1.954 4.292 1.131 1.074 2.617 1.925 4.171 2.769 1.554-.844 3.04-1.695 4.171-2.769 1.19-1.128 1.954-2.471 1.954-4.292V4.582L9.625 2.541 3.5 4.582ZM7.625 8a2 2 0 1 1 2.75 1.855v1.895a.75.75 0 0 1-1.5 0V9.855A2 2 0 0 1 7.625 8Z" clip-rule="evenodd"></path></svg><h3 class="text-lg font-medium text-sand-light-12 dark:text-sand-light-3">Built-in Laravel authentication</h3><span class="rounded border border-sand-light-7 bg-sand-light-3 px-2 py-0.5 text-xs font-normal text-sand-light-11 max-lg:hidden dark:border-sand-dark-7 dark:bg-sand-dark-4 dark:text-sand-dark-11">optional</span></div><p class="max-w-[480px] text-pretty text-sand-light-11 dark:text-sand-light-9">Everything you need for a robust and secure authentication. Including, login, registration, password reset, and email verification.</p></div></div><div class="relative"><img src="/images/starter-kits/features-auth.png" loading="lazy" class="relative z-30 block h-auto w-full dark:hidden" alt="Built-in Laravel authentication"/><img src="/images/starter-kits/features-auth-dark.png" loading="lazy" class="relative z-30 hidden h-auto w-full dark:block" alt="Built-in Laravel authentication"/></div><div class="absolute inset-0 z-20 w-full bg-gradient-to-b from-sand-light-1 from-[0%] to-[60%] dark:from-sand-dark-1"></div><div class="absolute inset-0 z-40 w-full bg-gradient-to-t from-sand-light-1 from-[0%] to-[16%] dark:from-sand-dark-1"></div><div class="dot-pattern absolute top-0 z-10 -ml-4 h-full w-full xl:-ml-16"></div></div><div class="relative isolate flex h-full flex-col justify-between bg-sand-light-1 pt-12 pl-4 xl:pt-16 xl:pl-16 dark:bg-sand-dark-1"><div class="relative z-50 mb-12 flex items-start gap-3"><div class="flex-1 space-y-2.5"><span class="inline-block text-xs font-medium text-sand-light-11 lg:hidden dark:text-sand-dark-11">Optional</span><div class="flex items-center gap-1.5 dark:text-sand-light-3"><svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" class="size-5"><path d="M.19 9.5c0 .39.106.744.283 1.063l3.435 5.95c.355.602.886 1.097 1.559 1.31a2.831 2.831 0 0 0 3.329-1.24l.815-1.452-3.259-5.666 3.471-5.986.815-1.417c.248-.424.566-.779.956-1.062H6.28c-.92 0-1.806.496-2.266 1.31L.473 8.437A2.164 2.164 0 0 0 .19 9.5Z" fill="currentColor"></path><path d="M19.81 9.5c0-.39-.106-.744-.283-1.063l-3.47-6.02c-.674-1.17-2.055-1.665-3.33-1.24-.673.213-1.204.708-1.558 1.31l-.815 1.346L13.648 9.5l-3.47 5.985-.816 1.453c-.247.425-.566.779-.956 1.062h5.348c.921 0 1.806-.496 2.267-1.31l3.541-6.128c.142-.318.248-.672.248-1.062Z" fill="currentColor"></path></svg><h3 class="text-lg font-medium text-sand-light-12 dark:text-sand-light-3">WorkOS AuthKit authentication</h3><span class="rounded border border-sand-light-7 bg-sand-light-3 px-2 py-0.5 text-xs font-normal text-sand-light-11 max-lg:hidden dark:border-sand-dark-7 dark:bg-sand-dark-4 dark:text-sand-dark-11">optional</span></div><p class="max-w-[480px] text-pretty text-sand-light-11 dark:text-sand-light-9">Login with GitHub, Google, Microsoft, or Apple ID, Passkey support, code sent via email, built-in rate limiting, geographical protection, and SSO.</p></div></div><div class="relative"><img src="/images/starter-kits/features-workos.png" loading="lazy" class="relative z-30 block h-auto w-full dark:hidden" alt="WorkOS AuthKit authentication"/><img src="/images/starter-kits/features-workos-dark.png" loading="lazy" class="relative z-30 hidden h-auto w-full dark:block" alt="WorkOS AuthKit authentication"/></div><div class="absolute inset-0 z-20 w-full bg-gradient-to-b from-sand-light-1 from-[0%] to-[60%] dark:from-sand-dark-1"></div><div class="absolute inset-0 z-40 w-full bg-gradient-to-t from-sand-light-1 from-[0%] to-[16%] dark:from-sand-dark-1"></div><div class="dot-pattern absolute top-0 z-10 -ml-4 h-full w-full xl:-ml-16"></div></div></div><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-
125px bg-sand-light-7 dark:bg-sand-dark-6"></div><div class="grid grid-cols-1 gap-px bg-sand-light-7 lg:-mb-0.5 lg:grid-cols-2 dark:bg-sand-dark-6"><div class="relative isolate flex h-full flex-col justify-between bg-sand-light-1 pt-12 pl-4 xl:pt-16 xl:pl-16 dark:bg-sand-dark-1"><div class="relative z-50 mb-12 flex items-start gap-3"><div class="flex-1 space-y-2.5"><div class="flex items-center gap-1.5 dark:text-sand-light-3"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5"><path d="M4.75 3.625L3.125 3.625L3.125 5.29167M15.2083 3.625L16.875 3.625L16.875 5.29167M3.125 15.7083L3.125 17.375L4.75 17.375M15.2083 17.375L16.875 17.375L16.875 15.7083M8.54167 3.625L11.4583 3.625M16.875 9.04167L16.875 11.9583M11.4583 17.375L8.54167 17.375M3.125 11.9583L3.125 9.04167" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><h3 class="text-lg font-medium text-sand-light-12 dark:text-sand-light-3">Customer dashboard</h3></div><p class="max-w-[480px] text-pretty text-sand-light-11 dark:text-sand-light-9">A clean slate to start building your next big idea</p></div></div><div class="relative"><img src="/images/starter-kits/features-dashboard.png" loading="lazy" class="relative z-30 block h-auto w-full dark:hidden" alt="Customer dashboard"/><img src="/images/starter-kits/features-dashboard-dark.png" loading="lazy" class="relative z-30 hidden h-auto w-full dark:block" alt="Customer dashboard"/></div><div class="absolute inset-0 z-20 w-full bg-gradient-to-b from-sand-light-1 from-[0%] to-[60%] dark:from-sand-dark-1"></div><div class="absolute inset-0 z-40 w-full bg-gradient-to-t from-sand-light-1 from-[0%] to-[16%] dark:from-sand-dark-1"></div><div class="dot-pattern absolute top-0 z-10 -ml-4 h-full w-full xl:-ml-16"></div></div><div class="relative isolate flex h-full flex-col justify-between bg-sand-light-1 pt-12 pl-4 xl:pt-16 xl:pl-16 dark:bg-sand-dark-1"><div class="relative z-50 mb-12 flex items-start gap-3"><div class="flex-1 space-y-2.5"><div class="flex items-center gap-1.5 dark:text-sand-light-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path></svg><h3 class="text-lg font-medium text-sand-light-12 dark:text-sand-light-3">User settings</h3></div><p class="max-w-[480px] text-pretty text-sand-light-11 dark:text-sand-light-9">Built-in user profile, password, and appearance management</p></div></div><div class="relative"><img src="/images/starter-kits/features-settings.png" loading="lazy" class="relative z-30 block h-auto w-full dark:hidden" alt="User settings"/><img src="/images/starter-kits/features-settings-dark.png" loading="lazy" class="relative z-30 hidden h-auto w-full dark:block" alt="User settings"/></div><div class="absolute inset-0 z-20 w-full bg-gradient-to-b from-sand-light-1 from-[0%] to-[60%] dark:from-sand-dark-1"></div><div class="absolute inset-0 z-40 w-full bg-gradient-to-t from-sand-light-1 from-[0%] to-[16%] dark:from-sand-dark-1"></div><div class="dot-pattern absolute top-0 z-10 -ml-4 h-full w-full xl:-ml-16"></div></div></div><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><div class="grid grid-cols-1 gap-px bg-sand-light-7 sm:grid-cols-2 xl:h-[168px] xl:grid-cols-4 dark:bg-sand-dark-6"><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dar
125k:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path fill="currentColor" d="M16.875 3.625h.75a.75.75 0 0 0-.75-.75v.75Zm0 13.75v.75a.75.75 0 0 0 .75-.75h-.75Zm-13.75 0h-.75c0 .414.336.75.75.75v-.75Zm0-13.75v-.75a.75.75 0 0 0-.75.75h.75Zm4.25 13.75v.75h1.5v-.75h-1.5Zm1.5-13.75v-.75h-1.5v.75h1.5Zm7.25 0v13.75h1.5V3.625h-1.5Zm.75 13H3.125v1.5h13.75v-1.5Zm-13 .75V3.625h-1.5v13.75h1.5Zm-.75-13h13.75v-1.5H3.125v1.5Zm5.75 13V3.625h-1.5v13.75h1.5Z"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Configurable layouts</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Different layout options for auth and app screens to suit your needs</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dark:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M17.7084 10.4999C17.7084 16.4244 11.3811 11.1648 10.0001 13.9313C9.1436 15.647 12.4216 17.7916 10.0001 17.7916C5.74289 17.7916 2.29175 14.527 2.29175 10.4999C2.29175 6.47284 5.74289 3.20825 10.0001 3.20825C14.2573 3.20825 17.7084 6.47284 17.7084 10.4999Z" stroke="currentColor" stroke-width="1.5"></path><path d="M9.58341 6.95825C9.58341 7.53355 9.11704 7.99992 8.54175 7.99992C7.96645 7.99992 7.50008 7.53355 7.50008 6.95825C7.50008 6.38296 7.96645 5.91659 8.54175 5.91659C9.11704 5.91659 9.58341 6.38296 9.58341 6.95825Z" stroke="currentColor" stroke-width="1.5"></path><path d="M7.08341 10.4999C7.08341 11.0752 6.61704 11.5416 6.04175 11.5416C5.46645 11.5416 5.00008 11.0752 5.00008 10.4999C5.00008 9.92462 5.46645 9.45825 6.04175 9.45825C6.61704 9.45825 7.08341 9.92462 7.08341 10.4999Z" stroke="currentColor" stroke-width="1.5"></path><path d="M13.7501 8.20825C13.7501 8.78355 13.2837 9.24992 12.7084 9.24992C12.1331 9.24992 11.6667 8.78355 11.6667 8.20825C11.6667 7.63296 12.1331 7.16659 12.7084 7.16659C13.2837 7.16659 13.7501 7.63296 13.7501 8.20825Z" stroke="currentColor" stroke-width="1.5"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Fully customizable</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">All the code lives in your application, so you can control everything</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dar
125k:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M16.875 9.45833L16.875 3.625L3.125 3.625L3.125 17.375L8.95833 17.375M12.0833 18.2083L9.79167 10.2917L17.7083 12.5833L14.1667 14.6667L12.0833 18.2083Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Inertia or Livewire</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Build in the stack you love, with options for React, Svelte, Vue, and Livewire</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dark:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M2.29175 2.79175L2.29175 2.04175C1.87753 2.04175 1.54175 2.37753 1.54175 2.79175L2.29175 2.79175ZM10.2084 2.79175L10.9584 2.79175C10.9584 2.37754 10.6226 2.04175 10.2084 2.04175L10.2084 2.79175ZM15.4075 6.30605L16.0571 6.68105C16.1565 6.50879 16.1835 6.30407 16.132 6.11194C16.0805 5.9198 15.9548 5.75599 15.7825 5.65653L15.4075 6.30605ZM18.1528 11.9489L18.5278 12.5985C18.7 12.499 18.8257 12.3352 18.8772 12.1431C18.9287 11.9509 18.9017 11.7462 18.8023 11.5739L18.1528 11.9489ZM15.1512 6.75008L14.5017 6.37508L14.5017 6.37508L15.1512 6.75008ZM2.29175 3.54175L10.2084 3.54175L10.2084 2.04175L2.29175 2.04175L2.29175 3.54175ZM3.04175 14.2501L3.04175 2.79175L1.54175 2.79175L1.54175 14.2501L3.04175 14.2501ZM6.25008 17.4584C4.47817 17.4584 3.04175 16.022 3.04175 14.2501L1.54175 14.2501C1.54175 16.8504 3.64974 18.9584 6.25008 18.9584L6.25008 17.4584ZM9.45841 14.2501C9.45841 16.022 8.02199 17.4584 6.25008 17.4584L6.25008 18.9584C8.85042 18.9584 10.9584 16.8504 10.9584 14.2501L9.45841 14.2501ZM17.7778 11.2994L7.85454 17.0286L8.60454 18.3276L18.5278 12.5985L17.7778 11.2994ZM9.83341 3.95385L15.0325 6.95557L15.7825 5.65653L10.5834 2.65481L9.83341 3.95385ZM9.45842 2.79175L9.45841 3.30433L10.9584 3.30433L10.9584 2.79175L9.45842 2.79175ZM9.45841 3.30433L9.45841 14.2501L10.9584 14.2501L10.9584 3.30433L9.45841 3.30433ZM14.5017 7.12508L17.5032 12.3239L18.8023 11.5739L15.8007 6.37508L14.5017 7.12508ZM14.758 5.93105L14.5017 6.37508L15.8007 7.12508L16.0571 6.68105L14.758 5.93105ZM14.5017 6.37508L9.02886 15.8543L10.3279 16.6043L15.8007 7.12508L14.5017 6.37508ZM6.95841 14.2501C6.95841 14.6413 6.64128 14.9584 6.25008 14.9584L6.25008 16.4584C7.46971 16.4584 8.45841 15.4697 8.45841 14.2501L6.95841 14.2501ZM6.25008 14.9584C5.85888 14.9584 5.54175 14.6413 5.54175 14.2501L4.04175 14.2501C4.04175 15.4697 5.03045 16.4584 6.25008 16.4584L6.25008 14.9584ZM5.54175 14.2501C5.54175 13.8589 5.85888 13.5417 6.25008 13.5417L6.25008 12.0417C5.03045 12.0417 4.04175 13.0305 4.04175 14.2501L5.54175 14.2501ZM6.25008 13.5417C6.64128 13.5417 6.95841 13.8589 6.95841 14.2501L8.45841 14.2501C8.45841 13.0305 7.46971 12.0417 6.25008 12.0417L6.25008 13.5417Z" fill="currentColor"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Tailwind CSS V4</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Built with the latest Tailwind CSS classes and standards</p></div></div><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><div class="grid grid-cols-1 gap-px bg-sand-light-7 sm:grid-cols-2 xl:h-[168px] xl:grid-cols-4 dark:bg-sand-dark-6"><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dar
125k:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M3.125 15.7084L6.04167 15.7084M3.125 10.5001L7.70833 10.5001M3.125 5.29175L16.875 5.29175M14.1667 9.25008L15.4167 11.7501L17.9167 13.0001L15.4167 14.2501L14.1667 16.7501L12.9167 14.2501L10.4167 13.0001L12.9167 11.7501L14.1667 9.25008Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">TypeScript supported</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Full TypeScript support by default in the React, Svelte, and Vue starter kits</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dark:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M3.125 3.625L8.54167 3.625L8.54167 7.375L3.125 7.375L3.125 3.625Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.4583 13.625L16.875 13.625L16.875 17.375L11.4583 17.375L11.4583 13.625Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.125 10.2917L8.54167 10.2917L8.54167 17.375L3.125 17.375L3.125 10.2917Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.4583 3.625L16.875 3.625L16.875 10.7083L11.4583 10.7083L11.4583 3.625Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">shadcn/ui and Flux UI</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Beautifully designed with component libraries developers love</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dar
125k:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path d="M11.0417 4.45825L2.29175 4.45825L2.29175 16.5416L11.0417 16.5416M13.5379 4.45825L17.7046 4.45825L17.7046 16.5416L13.5379 16.5416M13.5379 4.45825L13.5379 2.58325M13.5379 4.45825L13.5379 16.5416M13.5379 16.5416L13.5379 18.4166M7.08341 8.41659L9.16675 10.4999L7.08341 12.5833" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Built-in CI workflows</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">GitHub Actions workflows for automated testing and code linting</p></div><div class="flex h-full flex-col items-start justify-start bg-sand-light-1 px-4 py-10 xl:py-7 xl:pl-8 2xl:px-16 dark:bg-sand-dark-1"><div class="mb-1.5 flex items-center gap-2"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-sand-light-10 dark:text-sand-dark-11"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8307 10.0013C16.8307 13.7752 13.7713 16.8346 9.9974 16.8346V3.16797C13.7713 3.16797 16.8307 6.22736 16.8307 10.0013ZM9.9974 18.3346C14.5998 18.3346 18.3307 14.6037 18.3307 10.0013C18.3307 5.39893 14.5998 1.66797 9.9974 1.66797C5.39502 1.66797 1.66406 5.39893 1.66406 10.0013C1.66406 14.6037 5.39502 18.3346 9.9974 18.3346Z" fill="currentColor"></path></svg><h4 class="text-lg font-medium text-sand-light-12 dark:text-sand-dark-12">Light and dark</h4></div><p class="text-sand-light-11 dark:text-sand-dark-11">Light, dark, and system modes supported by default</p></div></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section class="hidden w-full border-x border-neutral-300 bg-sand-light-1 px-4 py-12 lg:block xl:px-16 xl:py-[83.5px] dark:border-sand-dark-6 dark:bg-sand-dark-1"><h2 class="text-2xl font-medium text-sand-light-12 lg:text-3xl dark:text-sand-dark-12">Configurable responsive layouts</h2><p class="mt-2 text-lg/8 text-sand-light-11 dark:text-sand-dark-11">Edit your authentication layouts to be<!-- --> <button class="rounded border border-sand-light-6 bg-sand-light-3 px-2 font-mono text-base leading-7 text-sand-light-12 transition duration-200 hover:opacity-80 dark:border-[#717069] dark:bg-[#282826] dark:text-[#EDEDEC] !border-[#F0ACB8] !bg-[#FFF1F4] !text-[#E96D83] dark:!border-[#7F3D49] dark:!bg-[#3F1018] dark:!text-[#FF91A4]">simple</button>,<!-- --> <button class="rounded border border-sand-light-6 bg-sand-light-3 px-2 font-mono text-base leading-7 text-sand-light-12 transition duration-200 hover:opacity-80 dark:border-[#717069] dark:bg-[#282826] dark:text-[#EDEDEC]">card</button>, or<!-- --> <button class="rounded border border-sand-light-6 bg-sand-light-3 px-2 font-mono text-base leading-7 text-sand-light-12 transition duration-200 hover:opacity-80 dark:border-[#717069] dark:bg-[#282826] dark:text-[#EDEDEC]">split</button> <!-- -->and your application layouts to be<!-- --> <button class="rounded border border-sand-light-6 bg-sand-light-3 px-2 font-mono text-base leading-7 text-sand-light-12 transition duration-200 hover:opacity-80 dark:border-[#717069] dark:bg-[#282826] dark:text-[#EDEDEC]">sidebar</button>, or<!-- --> <button class="rounded border border-sand-light-6 bg-sand-light-3 px-2 font-mono text-base leading-7 text-sand-light-12 transition duration-200 hover:opacity-80 dark:border-[#717069] dark:bg-[#282826] dark:text-[#EDEDEC]">header</button></p><div class="mt-14 h-auto w-full rounded-lg"><div class="flex h-auto items-stretch overflow-hidden rounded-[18px] bg-sand-light-4 p-2 lg:h-[596px] lg:min-h-[500px] dark:bg-sand-dark-3"><div class="block w-full items-stretch lg:h-[580px]"><div class="relative flex flex-col items-stretch overflow-hidden rounded-xl bg-sand-dark-1 h-full"><div class="flex items-center justify-between"><div role="tablist" aria-label="Code examples" class="hide-scrollbar flex min-h-[43px] w-full overflow-x-auto text-sm whitespace-nowrap space-x-8 px-5"><button role="tab" id="_R_7f7_-tab-0" aria-selected="true" aria-controls="_R_7f7_-panel-0" tabindex="0" class="cursor-pointer border-b py-2.5 leading-normal border-sand-dark-11 text-sand-light-1">auth-layout.tsx</button><button role="tab" id="_R_7f7_-tab-1" aria-selected="false" aria-controls="_R_7f7_-panel-1" tabindex="-1" disabled="" class="cursor-pointer border-b py-2.5 leading-normal border-transparent text-sand-dark-11 not-disabled:hover:text-sand-dark-12 disabled:cursor-not-allowed">app-layout.tsx</button></div></div><div class="h-full px-1 pb-1"><div role="tabpanel" id="_R_7f7_-panel-0" aria-labelledby="_R_7f7_-tab-0" class="hide-scrollbar h-full overflow-x-auto px-5 py-6 rounded-md border border-sand-dark-8/25 bg-sand-dark-4"><pre class="flex whitespace-break-spaces"><div class="text-sm text-white">import AuthLayoutTemplate from '@/layouts/auth/auth-<span class="text-[#FF91A4]">simple</span>-layout'; 126 127export default...</div></pre></div><div role="tabpanel" id="_R_7f7_-panel-1" aria-labelledby="_R_7f7_-tab-1" hidden="" class="hide-scrollbar h-full overflow-x-auto px-5 py-6 rounded-md border border-sand-dark-8/25 bg-sand-dark-4"><pre class="flex whitespace-break-spaces"><div class="text-sm text-white"></div></pre></div></div></div></div><div class="w-full"><div class="flex h-full w-full items-center justify-center overflow-hidden rounded-[10px] border border-sand-light-6 bg-white dark:border-sand-dark-6 dark:bg-[#0a0a0a]"><img src="/images/starter-kits/configure/simple.png" alt="simple-auth layout preview" class="block h-full max-h-[300px] w-auto dark:hidden"/><img src="/images/starter-kits/configure/simple-dark.png" alt="simple-auth layout preview" class="hidden h-full max-h-[300px] w-auto dark:block"/></div></div></div></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-
127px bg-sand-light-7 dark:bg-sand-dark-6"></div><section class="block w-full overflow-hidden border-x border-neutral-300 bg-sand-light-1 pt-10 pr-0 pl-4 lg:py-24 lg:pb-0 xl:pl-16 dark:border-sand-dark-6 dark:bg-sand-dark-1"><div class="pr-4"><h2 class="text-2xl font-medium lg:text-3xl dark:text-sand-light-3">Customize everything</h2><p class="mt-2 text-sand-light-11 dark:text-sand-light-9">All of the code lives in your application, so you're in control of anything and everything. Customize everything from logos to logic.</p></div><div class="relative mt-16 flex w-full flex-col gap-5 lg:flex-row xl:mt-[85px]"><div class="relative hidden lg:block"><div class="absolute inset-0 w-full bg-gradient-to-t from-sand-light-1 from-[0%] to-[40%] dark:from-sand-dark-1"></div><img src="/images/starter-kits/customize-files.png" class="block h-auto w-full shrink-0 dark:hidden" alt="Customize Files"/><img src="/images/starter-kits/customize-files-dark.png" class="hidden h-[380px] w-auto shrink-0 dark:block" alt="Customize Files"/></div><img src="/images/starter-kits/customize-form.png" class="right-0 block h-auto w-full lg:w-2/3 dark:hidden" alt="Customize Form"/><img src="/images/starter-kits/customize-form-dark.png" class="right-0 hidden h-auto w-full lg:w-2/3 dark:block" alt="Customize Form"/></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section class="flex items-center justify-center border-x border-neutral-300 bg-white px-4 py-10 lg:py-[88px] xl:px-16 dar
127k:border-sand-dark-6 dark:bg-neutral-900"><div class="flex max-w-4xl items-start gap-5 lg:gap-8"><img src="https://pbs.twimg.com/profile_images/1503487031330197518/J4i7ofgt_400x400.jpg" alt="Aaron Francis" class="size-12 shrink-0 rounded-full object-cover grayscale lg:size-16 xl:size-20"/><div class="space-y-5"><p class="text-lg leading-normal font-medium text-pretty text-sand-light-12 lg:text-2xl dark:text-sand-light-4">Whether you prefer Livewire, Vue, or React, the new Laravel Starter Kits have everything you need to start building an application.</p><div class="text-sm font-normal text-sand-light-10">Aaron Francis, Try Hard Studios</div></div></div></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section class="flex flex-col items-center justify-center border-x border-neutral-300 bg-white px-4 py-20 lg:py-[158px] xl:px-16 dark:border-neutral-700 dark:bg-neutral-900"><h2 class="text-3xl font-medium text-sand-light-12 sm:text-4xl lg:text-5xl dark:text-sand-light-3">Ready to build?</h2><p class="mt-2 text-base text-sand-light-11 sm:mt-4 sm:text-lg dark:text-sand-dark-12">Create the incredible, with Laravel.</p></section><div class="absolute left-1/2 z-[40] h-px w-[var(--viewport-width)] -translate-x-1/2 -translate-y-px bg-sand-light-7 dark:bg-sand-dark-6"></div><section><div class="relative z-40 grid h-auto w-full grid-cols-1 gap-px divide-sand-light-7 border-x border-neutral-300 bg-neutral-300 lg:grid-cols-2 dark:border-sand-dark-6 dark:bg-sand-dark-6"><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#F2FCFF] hover:bg-[#F2FCFF] dark:focus-within:bg-[#01181D] dark:hover:bg-[#01181D]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#20CAF8]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left react-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348" style="width:1.38rem;height:1.38rem"><circle cx="0" cy="0" r="2.05" fill="#20caf8"></circle><g stroke="#20caf8" stroke-width="1" fill="none"><ellipse rx="11" ry="4.2"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(60)"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(120)"></ellipse></g></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">React Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">React 19, TypeScript, Inertia 3, shadcn/ui</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewB
127ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/react" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#F6FFFB] hover:bg-[#F6FFFB] dark:focus-within:bg-[#022214] dark:hover:bg-[#022214]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#41B883]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left vue-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg" style="width:1.38rem;height:1.38rem"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"></path></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"></path></g></g></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Vue Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Vue 3, TypeScript, Inertia 3, shadcn-vue</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewB
127ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/vue" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#FFF6F9] hover:bg-[#FFF6F9] dark:focus-within:bg-[#1D050F] dark:hover:bg-[#1D050F]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#FB9AC2]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left livewire-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1.38rem;height:1.38rem"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M34.8001 27.706C34.1201 28.734 33.6051 30 32.2231 30C29.8971 30 29.7711 26.413 27.4431 26.413C25.1161 26.413 25.2421 30 22.9161 30C20.5901 30 20.4641 26.413 18.1361 26.413C15.8091 26.413 15.9351 30 13.6081 30C11.2821 30 11.1561 26.413 8.82808 26.413C6.50008 26.413 6.62808 30 4.30008 30C3.56908 30 3.05508 29.646 2.62208 29.16C0.894488 26.14 -0.00967084 22.7192 7.80086e-05 19.24C7.80086e-05 8.613 8.20808 0 18.3331 0C28.4601 0 36.6671 8.614 36.6671 19.24C36.6671 22.277 35.9951 25.15 34.8001 27.706Z" fill="#FB70A9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M30.834 29.617C35.638 22.47 35.763 14.542 31.206 5.833C34.7165 9.42758 36.6772 14.2556 36.667 19.28C36.667 22.306 35.972 25.17 34.733 27.714C34.028 28.738 33.493 30 32.06 30C31.57 30 31.174 29.852 30.834 29.617Z" fill="#E24CA6"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M17.35 24.038C23.726 24.038 26.41 20.34 26.41 15.088C26.41 9.834 22.355 5 17.35 5C12.347 5 8.291 9.835 8.291 15.087C8.291 20.34 10.974 24.038 17.35 24.038Z" fill="white"></path><path d="M14.915 15.385C16.791 15.385 18.312 13.705 18.312 11.635C18.312 9.564 16.792 7.885 14.915 7.885C13.039 7.885 11.518 9.564 11.518 11.635C11.518 13.705 13.038 15.385 14.915 15.385Z" fill="#030776"></path><path d="M14.35 12.5C15.287 12.5 16.048 11.725 16.048 10.77C16.048 9.813 15.288 9.039 14.349 9.039C13.411 9.039 12.65 9.813 12.65 10.769C12.65 11.725 13.41 12.5 14.35 12.5Z" fill="white"></path></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div>
127<div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Livewire Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Livewire 4 and Flux UI</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/livewire" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div><div class="group relative flex h-full flex-col items-start bg-white px-6 pt-12 pb-6 transition-colors duration-300 lg:flex-row lg:items-center lg:px-4 lg:py-10 xl:py-14 xl:pl-16 dark:bg-neutral-900 focus-within:bg-[#FFF8F6] hover:bg-[#FFF8F6] dark:focus-within:bg-[#1A0500] dark:hover:bg-[#1A0500]"><div class="mb-3 ml-5 h-10 w-10 lg:mr-3 lg:mb-0 lg:ml-0 lg:translate-x-4 lg:translate-y-4"><div class="cube [--cube-border-color:#001642] dark:[--cube-border-color:#FFA485]" style="--cube-width:2.3;--cube-height:2.3;--cube-depth:1.2"><div class="face bg-black shadow transition-all duration-500 ease-in-out"></div><div class="cube-wrapper translate-all flex h-full w-full items-center justify-center duration-200 ease-in-out will-change-transform group-hover:-translate-y-1"><div><div class="face right bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face bottom bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face back bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div><div class="cube cube-flat-front" style="--cube-inset:0.15;--cube-width:1.9999999999999998;--cube-height:1.9999999999999998;--cube-depth:1.05"><div class="face inner-face right svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face bottom svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face back svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face top svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face left svelte-theme transition-all duration-200 ease-in-out"></div><div class="face inner-face front flex items-center justify-center bg-white/90 text-white transition-transform duration-200 ease-in-out dark:bg-sand-dark-2/90"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98.1 118" style="width:1.38rem;height:1.38rem" xml:space="preserve"><style type="text/css"> 128 .st0{fill:#FF3E00;} 129 .st1{fill:#FFFFFF;} 130</style><path class="st0" d="M91.8,15.6C80.9-0.1,59.2-4.7,43.6,5.2L16.1,22.8C8.6,27.5,3.4,35.2,1.9,43.9c-1.3,7.3-0.2,14.8,3.3,21.3 c-2.4,3.6-4,7.6-4.7,11.8c-1.6,8.9,0.5,18.1,5.7,25.4c11,15.7,32.6,20.3,48.2,10.4l27.5-17.5c7.5-4.7,12.7-12.4,14.2-21.1 c1.3-7.3,0.2-14.8-3.3-21.3c2.4-3.6,4-7.6,4.7-11.8C99.2,32.1,97.1,22.9,91.8,15.6"></path><path class="st1" d="M40.9,103.9c-8.9,2.3-18.2-1.2-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3c0.2-0.9,0.4-1.7,0.6-2.6l0.5-1.6l1.4,1 c3.3,2.4,6.9,4.2,10.8,5.4l1,0.3l-0.
1301,1c-0.1,1.4,0.3,2.9,1.1,4.1c1.6,2.3,4.4,3.4,7.1,2.7c0.6-0.2,1.2-0.4,1.7-0.7L65.5,72 c1.4-0.9,2.3-2.2,2.6-3.8c0.3-1.6-0.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7l-10.5,6.7 c-1.7,1.1-3.6,1.9-5.6,2.4c-8.9,2.3-18.2-1.2-23.4-8.7c-3.1-4.4-4.4-9.9-3.4-15.3c0.9-5.2,4.1-9.9,8.6-12.7l27.5-17.5 c1.7-1.1,3.6-1.9,5.6-2.5c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.2,0.9-0.4,1.7-0.7,2.6l-0.5,1.6l-1.4-1 c-3.3-2.4-6.9-4.2-10.8-5.4l-1-0.3l0.1-1c0.1-1.4-0.3-2.9-1.1-4.1c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7L32.4,46.1 c-1.4,0.9-2.3,2.2-2.6,3.8s0.1,3.3,1,4.6c1.6,2.3,4.4,3.3,7.1,2.6c0.6-0.2,1.2-0.4,1.7-0.7l10.5-6.7c1.7-1.1,3.6-1.9,5.6-2.5 c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.9,5.2-4.1,9.9-8.6,12.7l-27.5,17.5C44.8,102.5,42.9,103.3,40.9,103.9"></path></svg></div></div></div><div><div class="face top bg-sand-light-1/80 dark:bg-sand-dark-1/80"></div></div><div><div class="face left bg-sand-light-8/80 dark:bg-sand-dark-8/80"></div></div></div></div></div><div class="relative z-30 duration-300 ease-out lg:ml-4 lg:py-px lg:group-focus-within:-translate-y-7 lg:group-hover:-translate-y-7"><h4 class="text-lg font-medium lg:text-base xl:text-lg dark:text-sand-light-3">Svelte Starter Kit</h4><p class="text-sm text-sand-light-11 lg:text-xs xl:text-sm dark:text-sand-dark-11">Svelte 5, TypeScript, Inertia 3, shadcn-svelte</p></div><div class="z-20 mt-4 flex items-center space-x-7 text-base font-medium tracking-tight lg:absolute lg:bottom-0 lg:mt-0 lg:mb-6 lg:ml-1 lg:translate-y-0 lg:pl-16 lg:text-xs lg:opacity-0 lg:transition-all lg:duration-0 lg:ease-out lg:group-focus-within:translate-y-2 lg:group-focus-within:opacity-100 lg:group-focus-within:delay-100 lg:group-focus-within:duration-300 lg:group-hover:translate-y-2 lg:group-hover:opacity-100 lg:group-hover:delay-100 lg:group-hover:duration-300 xl:-translate-y-2 xl:text-sm xl:group-focus-within:-translate-y-2 xl:group-hover:-translate-y-2"><a class="flex h-[38px] items-center rounded-xs bg-white px-3 text-black ring ring-sand-light-alpha-8 duration-300 ease-out hover:opacity-70 dark:bg-white/5 dark:text-sand-light-3 dark:ring-sand-dark-alpha-6" href="/framework/docs/starter-kits"><span>Get started</span><svg class="-mr-1 size-6 text-sand-light-alpha-10 dark:text-sand-dark-alpha-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></a><a href="/starter-kits/svelte" target="_blank" class="flex items-start text-sand-light-12 duration-300 ease-out hover:text-sand-light-11 dark:text-sand-dark-12 dark:hover:text-sand-dark-11"><span>Live preview</span><svg class="mt-1 ml-3 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 17L17 7M7 7h10v10"></path></svg></a></div></div></div></section></div></div><div class="border-t border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-900"><div class="mx-auto w-full max-w-full px-4 pt-10 md:pt-24 xl:max-w-screen-xl xl:px-16"><div class="flex flex-col justify-between lg:flex-row lg:gap-12"><div class="w-full lg:w-[30%]"><div class="mb-6 h-10 w-10"><svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41 9.88889L33 5.44444L25 9.88889M41 9.88889L33 14.3333M41 9.88889V18.7778L33 23.2222M25 9.88889V18.7778M25 9.88889L33 14.3333M25 18.7778L33 23.2222M25 18.7778L9 27.6667M33 23.2222V32.1111L17 41M33 23.2222V14.3333M33 23.2222L17 32.1111M9 27.6667L17 32.1111M9 27.6667V9.88889M1 5.44444L9 1L17 5.44444M1 5.44444V32.1111L17 41M1 5.44444L9 9.88889M17 41V32.1111M9 9.88889L17 5.44444M17 5.44444V23.2222" stroke="#F53003" stroke-width="1.5"></path></svg></div><p class="text-xl font-medium text-pretty text-laravel-red">Laravel is the most productive way to<br class="block lg:hidden"/>Â build, deploy, and monitor software.</p><div class="mt-8 max-w-md"><div><form data-hs-do-not-collect="" class="space-y-3" noValidate=""><div class="grid grid-cols-1 gap-3 sm:grid-cols-2"><div><label for="cloud-newsletter-firstname" class="sr-only">First name</label><input id="cloud-newsletter-firstname" type="text" autoComplete="given-name" placeholder="First name" aria-invalid="false" class="w-full rounded-md border border-neutral-300 bg-white px-3 py-2.5 text-neutral-900 placeholder-neutral-400 shadow-xs transition-colors duration-100 hover:border-neutral-400 focus:border-neutral-400 focus:outline-none focus:ring-1 focus:ring-neutral-300 sm:text-sm dark:border-neutral-600 dar
130k:bg-neutral-800 dark:text-neutral-100 dark:placeholder-neutral-500 dark:hover:border-neutral-500 dark:focus:border-neutral-500 dark:focus:ring-neutral-600" name="firstname"/></div><div><label for="cloud-newsletter-lastname" class="sr-only">Last name</label><input id="cloud-newsletter-lastname" type="text" autoComplete="family-name" placeholder="Last name" aria-invalid="false" class="w-full rounded-md border border-neutral-300 bg-white px-3 py-2.5 text-neutral-900 placeholder-neutral-400 shadow-xs transition-colors duration-100 hover:border-neutral-400 focus:border-neutral-400 focus:outline-none focus:ring-1 focus:ring-neutral-300 sm:text-sm dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-100 dark:placeholder-neutral-500 dark:hover:border-neutral-500 dark:focus:border-neutral-500 dark:focus:ring-neutral-600" name="lastname"/></div></div><div><label for="cloud-newsletter-email" class="sr-only">Email address</label><input id="cloud-newsletter-email" type="email" inputMode="email" autoComplete="email" placeholder="Email address" aria-invalid="false" class="w-full rounded-md border border-neutral-300 bg-white px-3 py-2.5 text-neutral-900 placeholder-neutral-400 shadow-xs transition-colors duration-100 hover:border-neutral-400 focus:border-neutral-400 focus:outline-none focus:ring-1 focus:ring-neutral-300 sm:text-sm dark:border-neutral-600 dar
130k:bg-neutral-800 dark:text-neutral-100 dark:placeholder-neutral-500 dark:hover:border-neutral-500 dark:focus:border-neutral-500 dark:focus:ring-neutral-600" name="email"/></div><input type="hidden" name="country"/><div><div></div></div><button type="submit" class="inline-flex w-full cursor-pointer items-center justify-center rounded-md px-3 py-2.5 text-sm font-medium shadow-xs transition-colors duration-100 focus:outline-none focus-visible:ring-2 bg-neutral-100 text-neutral-800 hover:bg-neutral-200 focus-visible:ring-neutral-300 dark:bg-neutral-700 dark:text-neutral-100 dark:hover:bg-neutral-600">Stay updated</button><p class="text-xs text-neutral-500 dark:text-neutral-400">By submitting this form, you agree to our<!-- --> <a href="/legal" target="_blank" rel="noreferrer" class="underline hover:text-neutral-700 dark:hover:text-neutral-200">terms</a>. You can opt-out anytime.</p></form></div></div><ul class="my-8 flex items-center justify-start space-x-6 lg:my-16"><li><a href="https://github.com/laravel" target="_blank" title="Laravel on GitHub" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:hover:text-neutral-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="size-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.305C0 17.74 3.438 22.352 8.207 23.979C8.807 24.092 9.027 23.712 9.027 23.386C9.027 23.094 9.016 22.32 9.01 21.293C5.671 22.037 4.967 19.643 4.967 19.643C4.422 18.223 3.635 17.845 3.635 17.845C2.545 17.081 3.718 17.096 3.718 17.096C4.921 17.183 5.555 18.364 5.555 18.364C6.626 20.244 8.364 19.702 9.048 19.386C9.157 18.591 9.468 18.049 9.81 17.741C7.145 17.431 4.344 16.376 4.344 11.661C4.344 10.318 4.811 9.219 5.579 8.359C5.456 8.048 5.044 6.797 5.696 5.103C5.696 5.103 6.704 4.773 8.996 6.364C9.954 6.091 10.98 5.955 12.001 5.95C13.02 5.955 14.047 6.091 15.005 6.364C17.295 4.772 18.302 5.103 18.302 5.103C18.956 6.797 18.544 8.048 18.421 8.359C19.191 9.219 19.655 10.318 19.655 11.661C19.655 16.387 16.849 17.428 14.175 17.732C14.606 18.112 14.99 18.862 14.99 20.011C14.99 21.656 14.975 22.982 14.975 23.386C14.975 23.715 15.191 24.098 15.8 23.977C20.565 22.347 24 17.738 24 12.305C24 5.508 18.627 0 12 0C5.373 0 0 5.508 0 12.305Z" fill="currentColor"></path></svg></a></li><li><a href="https://x.com/laravel" target="_blank" title="Laravel on X" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:hover:text-neutral-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="size-6"><path d="M13.969 10.1571L22.7069 0H20.6363L13.0491 8.81931L6.9893 0H0L9.16366 13.3364L0 23.9877H2.07073L10.083 14.6742L16.4826 23.9877H23.4719L13.9684 10.1571H13.969ZM11.1328 13.4538L10.2043 12.1258L2.81684 1.55881H5.99736L11.9592 10.0867L12.8876 11.4147L20.6373 22.4998H17.4567L11.1328 13.4544V13.4538Z" fill="currentColor"></path></svg></a></li><li><a href="https://www.youtube.com/@LaravelPHP" target="_blank" title="Laravel on YouTube" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:hover:text-neutral-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 24" fill="none" aria-hidden="true" class="h-6"><path d="M33.8928 3.75519C33.5002 2.27706 32.3436 1.11294 30.875 0.717875C28.2132 0 17.5393 0 17.5393 0C17.5393 0 6.86559 0 4.20366 0.717875C2.73509 1.113 1.57847 2.27706 1.18591 3.75519C0.472656 6.43437 0.472656 12.0243 0.472656 12.0243C0.472656 12.0243 0.472656 17.6141 1.18591 20.2933C1.57847 21.7714 2.73509 22.8871 4.20366 23.2821C6.86559 24 17.5393 24 17.5393 24C17.5393 24 28.2131 24 30.875 23.2821C32.3436 22.8871 33.5002 21.7714 33.8928 20.2933C34.606 17.6141 34.606 12.0243 34.606 12.0243C34.606 12.0243 34.606 6.43437 33.8928 3.75519ZM14.0484 17.0994V6.94906L22.9696 12.0244L14.0484 17.0994Z" fill="currentColor"></path></svg></a></li><li><a href="https://discord.com/invite/laravel" target="_blank" title="Laravel on Discord" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:hover:text-neutral-300"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24" fill="none" aria-hidden="true" class="h-6"><path d="M27.4299 2.00996C25.3493 1.05745 23.153 0.381713 20.8969 0C20.588
1301 0.551901 20.3088 1.11973 20.06 1.70112C17.6568 1.33898 15.2129 1.33898 12.8097 1.70112C12.5608 1.11979 12.2814 0.551968 11.9728 0C9.71525 0.384937 7.51744 1.06228 5.43483 2.01494C1.30034 8.132 0.179542 14.0971 0.73994 19.9776C3.16121 21.7665 5.87129 23.127 8.75239 24C9.40113 23.1275 9.97519 22.2018 10.4685 21.2329C9.53156 20.883 8.62728 20.4512 7.76609 19.9427C7.99274 19.7783 8.21441 19.609 8.42861 19.4446C10.9345 20.623 13.6695 21.234 16.4386 21.234C19.2077 21.234 21.9427 20.623 24.4485 19.4446C24.6652 19.6214 24.8869 19.7908 25.111 19.9427C24.2482 20.4521 23.3423 20.8846 22.4037 21.2354C22.8964 22.2039 23.4705 23.1287 24.1198 24C27.0033 23.1305 29.7155 21.7707 32.1372 19.9801C32.7947 13.1606 31.0139 7.25031 27.4299 2.00996ZM11.1783 16.3611C9.61665 16.3611 8.32649 14.944 8.32649 13.2005C8.32649 11.457 9.57182 10.0274 11.1733 10.0274C12.7748 10.0274 14.055 11.457 14.0276 13.2005C14.0002 14.944 12.7698 16.3611 11.1783 16.3611ZM21.6988 16.3611C20.1347 16.3611 18.8495 14.944 18.8495 13.2005C18.8495 11.457 20.0949 10.0274 21.6988 10.0274C23.3028 10.0274 24.5731 11.457 24.5457 13.2005C24.5183 14.944 23.2904 16.3611 21.6988 16.3611Z" fill="currentColor"></path></svg></a></li></ul><div><ul class="flex justify-start space-x-8"><li class="text-neutral-500 dark:text-neutral-500">© <!-- -->2026<!-- --> Laravel</li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" href="/legal">Legal</a></li><li><a href="https://status.laravel.com/" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Status</a></li></ul></div></div><div class="grid w-full grid-cols-2 lg:flex lg:w-fit lg:flex-wrap lg:justify-end"><div class="mt-14 flex flex-wrap self-start lg:mt-0 lg:min-w-[164px] lg:flex-col"><p class="mb-8 w-full text-base font-medium text-neutral-900 lg:w-fit dark:text-neutral-100">Products</p><ul class="col-span-6 mb-6 space-y-6 lg:col-span-2 lg:mb-0"><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/cloud">Cloud</a></li><li><a href="https://forge.laravel.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Forge</a></li><li><a href="https://nightwatch.laravel.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Nightwatch</a></li><li><a href="https://vapor.laravel.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Vapor</a></li><li><a href="https://nova.laravel.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Nova</a></li></ul></div><div class="mt-14 flex flex-wrap self-start lg:mt-0 lg:min-w-[164px] lg:flex-col"><p class="mb-8 w-full text-base font-medium text-neutral-900 lg:w-fit dark:text-neutral-100">Packages</p><ul class="col-span-6 mb-6 space-y-6 lg:col-span-2 lg:mb-0"><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/billing">Cashier</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/dusk">Dusk</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/horizon">Horizon</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/octane">Octane</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/scout">Scout</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/pennant">Pennant</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/pint">Pint</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/sail">Sail</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/sanctum">Sanctum</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/socialite">Socialite</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/telescope">Telescope</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/pulse">Pulse</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/reverb">Reverb</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/broadcasting">Echo</a></li></ul></div><div class="mt-14 flex flex-wrap self-start lg:mt-0 lg:min-w-[164px] lg:flex-col"><p class="mb-8 w-full text-base font-medium text-neutral-900 lg:w-fit dark:text-neutral-100">Resources</p><ul class="col-span-6 mb-6 space-y-6 lg:col-span-2 lg:mb-0"><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs">Documentation</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/starter-kits">Starter Kits</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/framework/docs/releases">Release Notes</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/blog">Blog</a></li><li>
130<a href="https://laravel-news.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">News</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/community">Community</a></li><li><a href="https://larabelles.com/" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Larabelles</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/learn">Learn</a></li><li><a href="https://larajobs.com/?partner=5" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Jobs</a></li><li><a class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade" href="/careers">Careers</a></li><li><a href="https://trust.laravel.com" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300" referrerPolicy="no-referrer-when-downgrade">Trust</a></li></ul></div><div class="mt-14 flex flex-wrap self-start lg:mt-0 lg:min-w-[164px] lg:flex-col"><p class="mb-8 w-full text-base font-medium text-neutral-900 lg:w-fit dark:text-neutral-100">Partners</p><ul class="col-span-6 mb-6 space-y-6 lg:col-span-2 lg:mb-0"><li><a href="/partners/curotec" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Curotec</a></li><li><a href="/partners/vehikl" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Vehikl</a></li><li><a href="/partners/caci-limited" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">CACI Limited</a></li><li><a href="/partners/steadfast-collective" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Steadfast Collective</a></li><li><a href="/partners/threadable" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Threadable</a></li><li><a href="/partners/byte5" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">byte5</a></li><li><a href="/partners/pixel" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Pixel</a></li><li><a href="/partners/jump24" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Jump24</a></li><li><a href="/partners/tighten" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">Tighten</a></li><li><a href="/partners/ucodesoft" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">UCodeSoft</a></li><li><a href="/partners" class="text-neutral-500 transition duration-100 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-300">See All</a></li></ul></div></div></div><div class="mt-24 w-full text-neutral-100"><svg viewBox="0 0 1280 314" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-full w-full text-laravel-red"><path d="M50.2753 0H0V308.689H144.713V263.27H50.2753V0Z" fill="currentColor"></path><path d="M322.209 130.973C315.796 120.684 306.688 112.602 294.883 106.718C283.081 100.84 271.201 97.8969 259.253 97.8969C243.798 97.8969 229.665 100.764 216.843 106.496C204.014 112.228 193.015 120.099 183.834 130.091C174.654 140.088 167.51 151.628 162.412 164.706C157.308 177.792 154.761 191.54 154.761 205.94C154.761 220.645 157.308 234.457 162.412 247.39C167.508 260.332 174.652 271.796 183.834 281.788C193.015 291.785 204.017 299.647 216.843 305.379C229.665 311.111 243.798 313.978 259.253 313.978C271.201 313.978 283.081 311.038 294.883 305.159C306.688 299.282 315.796 291.197 322.209 280.904V308.685H369.865V103.186H322.209V130.973ZM317.837 231.076C314.922 239.016 310.841 245.925 305.598 251.804C300.35 257.687 294.009 262.389 286.579 265.917C279.146 269.445 270.905 271.208 261.875 271.208C252.837 271.208 244.676 269.445 237.391 265.917C230.104 262.389 223.839 257.687 218.593 251.804C213.345 245.925 209.335 239.016 206.57 231.076C203.794 223.138 202.417 214.759 202.417 205.942C202.417 197.12 203.794 188.742 206.57 180.804C209.335 172.866 213.345 165.961 218.593 160.078C223.839 154.201 230.102 149.493 237.391 145.965C244.676 142.437 252.837 140.674 261.875 140.674
130C270.908 140.674 279.146 142.437 286.579 145.965C294.009 149.493 300.35 154.199 305.598 160.078C310.844 165.961 314.922 172.866 317.837 180.804C320.748 188.742 322.209 197.12 322.209 205.942C322.209 214.759 320.748 223.138 317.837 231.076Z" fill="currentColor"></path><path d="M709.568 130.973C703.155 120.684 694.047 112.602 682.242 106.718C670.44 100.84 658.56 97.8969 646.612 97.8969C631.157 97.8969 617.024 100.764 604.202 106.496C591.373 112.228 580.374 120.099 571.193 130.091C562.013 140.088 554.869 151.628 549.771 164.706C544.666 177.792 542.12 191.54 542.12 205.94C542.12 220.645 544.666 234.457 549.771 247.39C554.867 260.332 562.01 271.796 571.193 281.788C580.374 291.785 591.375 299.647 604.202 305.379C617.024 311.111 631.157 313.978 646.612 313.978C658.56 313.978 670.44 311.038 682.242 305.159C694.047 299.282 703.155 291.197 709.568 280.904V308.685H757.224V103.186H709.568V130.973ZM705.198 231.076C702.283 239.016 698.202 245.925 692.959 251.804C687.711 257.687 681.37 262.389 673.94 265.917C666.507 269.445 658.266 271.208 649.236 271.208C640.198 271.208 632.037 269.445 624.752 265.917C617.465 262.389 611.2 257.687 605.954 251.804C600.706 245.925 596.696 239.016 593.931 231.076C591.155 223.138 589.778 214.759 589.778 205.942C589.778 197.12 591.155 188.742 593.931 180.804C596.696 172.866 600.706 165.961 605.954 160.078C611.2 154.201 617.463 149.493 624.752 145.965C632.037 142.437 640.198 140.674 649.236 140.674C658.269 140.674 666.507 142.437 673.94 145.965C681.37 149.493 687.711 154.199 692.959 160.078C698.205 165.961 702.283 172.866 705.198 180.804C708.109 188.742 709.57 197.12 709.57 205.942C709.568 214.759 708.107 223.138 705.198 231.076Z" fill="currentColor"></path><path d="M1280 1.12315e-05H1232.35V308.689H1280V1.12315e-05Z" fill="currentColor"></path><path d="M407.466 308.689H455.117V150.486H536.876V103.192H407.466V308.689Z" fill="currentColor"></path><path d="M948.281 103.192L888.386 260.557L828.489 103.192H780.224L858.441 308.689H918.331L996.546 103.192H948.281Z" fill="currentColor"></path><path d="M1100.48 97.908C1042.13 97.908 995.937 146.279 995.937 205.944C995.937 271.9 1040.64 313.98 1106.59 313.98C1143.5 313.98 1167.06 299.745 1195.85 268.746L1163.66 243.621C1163.64 243.646 1139.36 275.802 1103.1 275.802C1060.96 275.802 1043.22 241.533 1043.22 223.803H1201.32C1209.62 155.913 1165.37 97.908 1100.48 97.908ZM1043.35 188.085C1043.71 184.13 1049.2 136.086 1100.1 136.086C1151.01 136.086 1157.19 184.123 1157.55 188.085H1043.35Z" fill="currentColor"></path></svg></div></div></div></div> 131 132 133
133<script type="text/javascript"> 134 !(function () { 135 'use strict'; 136 window.RudderSnippetVersion = '3.0.60'; 137 var e = 'rudderanalytics'; 138 window[e] || (window[e] = []); 139 var rudderanalytics = window[e]; 140 if (Array.isArray(rudderanalytics)) { 141 if (true === rudderanalytics.snippetExecuted && window.console && console.error) { 142 console.error('RudderStack JavaScript SDK snippet included more than once.'); 143 } else { 144 ((rudderanalytics.snippetExecuted = true), (window.rudderAnalyticsBuildType = 'legacy')); 145 var sdkBaseUrl = 'https://cdn.rudderlabs.com'; 146 var sdkVersion = 'v3'; 147 var sdkFileName = 'rsa.min.js'; 148 var scriptLoadingMode = 'async'; 149 var r = [ 150 'setDefaultInstanceKey', 151 'load', 152 'ready', 153 'page', 154 'track', 155 'identify', 156 'alias', 157 'group', 158 'reset', 159 'setAnonymousId', 160 'startSession', 161 'endSession', 162 'consent', 163 ]; 164 for (var n = 0; n < r.length; n++) { 165 var t = r[n]; 166 rudderanalytics[t] = (function (r) { 167 return function () { 168 var n; 169 Array.isArray(window[e]) 170 ? rudderanalytics.push([r].concat(Array.prototype.slice.call(arguments))) 171 : null === (n = window[e][r]) || void 0 === n || n.apply(window[e], arguments); 172 }; 173 })(t); 174 } 175 try { 176 (new Function( 177 'class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}', 178 ), 179 (window.rudderAnalyticsBuildType = 'modern')); 180 } catch (i) {} 181 var d = document.head || document.getElementsByTagName('head')[0]; 182 var o = document.body || document.getElementsByTagName('body')[0]; 183 ((window.rudderAnalyticsAddScript = function (e, r, n) { 184 var t = document.createElement('script'); 185 ((t.src = e), 186 t.setAttribute('data-loader', 'RS_JS_SDK'), 187 r && n && t.setAttribute(r, n), 188 'async' === scriptLoadingMode 189 ? (t.async = true) 190 : 'defer' === scriptLoadingMode && (t.defer = true), 191 d ? d.insertBefore(t, d.firstChild) : o.insertBefore(t, o.firstChild)); 192 }), 193 (window.rudderAnalyticsMount = function () { 194 (!(function () { 195 if ('undefined' == typeof globalThis) { 196 var e; 197 var r = (function getGlobal() { 198 return 'undefined' != typeof self 199 ? self 200 : 'undefined' != typeof window 201 ? window 202 : null; 203 })(); 204 r && 205 Object.defineProperty(r, 'globalThis', { 206 value: r, 207 configurable: true, 208 }); 209 } 210 })(), 211 window.rudderAnalyticsAddScript( 212 '' 213 .concat(sdkBaseUrl, '/') 214 .concat(sdkVersion, '/') 215 .concat(window.rudderAnalyticsBuildType, '/') 216 .concat(sdkFileName), 217 'data-rsa-write-key', 218 '2w8mFiDWValXyby6yHwgkH3Pb8X', 219 )); 220 }), 221 'undefined' == typeof Promise || 'undefined' == typeof globalThis 222 ? window.rudderAnalyticsAddScript( 223 'https://polyfill-fastly.io/v3/polyfill.min.js?ver
223sion=3.111.0&features=Symbol%2CPromise&callback=rudderAnalyticsMount', 224 ) 225 : window.rudderAnalyticsMount()); 226 var loadOptions = {}; 227 rudderanalytics.load( 228 '2w8mFiDWValXyby6yHwgkH3Pb8X', 229 'https://laraveltrxdkoq.dataplane.rudderstack.com', 230 loadOptions, 231 ); 232 } 233 } 234 })(); 235 </script>
235 236 237 238
238<script src="https://analytics.ahrefs.com/analytics.js" data-key="K8SP93/yGnQLRFpxPgjhmA" async></script>
238 239 240 241
241<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/45240648.js"></script>
241 242 243 244
244<script> 245 window.oaiq = window.oaiq || function () { 246 (window.oaiq.q = window.oaiq.q || []).push(arguments); 247 }; 248 oaiq("init", { pixelId: "GJp2Ez6EheeXxtPeSqnxiT" }); 249 </script>
249 250
250<script async src="https://bzrcdn.openai.com/sdk/oaiq.min.js"></script>
250 251
251<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43a18c98f18dfb0',t:'MTc5MDg0MzMzNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
251<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43a18c98f18dfb0',t:'MTc5MDg0MzMzNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
251</body> 252</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.