Code Examples of blade components

Discover how to use Laravel's blade components method in real-world applications. Browse 13 examples from popular open-source projects.

13 examples

Project Structure

With Blade Components, you can create a structure of a reusable HTML/Blade element, which you then would call like <x-element>.
Read more in the official Laravel docs.

orchidsoftware/platform

4733
Created Nov 2016
Updated Nov 2025

Files in this example

resources/views/components/notification.blade.php

resources/views/partials/profile.blade.php

src/Platform/Providers/FoundationServiceProvider.php

src/Platform/Components/Notification.php

View full example

guillaumebriday/laravel-blog

1797
Created Dec 2016
Updated Oct 2024

Files in this example

app/View/Components/Alert.php

resources/views/shared/alerts.blade.php

resources/views/comments/_form.blade.php

View full example

spatie/freek.dev

636
Created Nov 2017
Updated Nov 2025

Files in this example

app/View/Components/SeriesNextPostComponent.php

resources/views/components/series-next-post-component.blade.php

View full example

spatie/spatie.be

493
Created Oct 2020
Updated Nov 2025

Files in this example

resources/views/components/label.blade.php

resources/views/front/profile/profile.blade.php

View full example

Hi-Folks/gh-actions-yaml-generator

331
Created Jan 2021
Updated Aug 2025

Files in this example

resources/views/components/card-template.blade.php

resources/views/livewire/configurator-form.blade.php

View full example

christophrumpel/larastreamers

238
Created May 2021
Updated Oct 2025

Files in this example

app/View/Components/AddStreamsToCalendar.php

resources/views/components/add-streams-to-calendar.blade.php

View full example

jcergolj/laravellte

216
Created Jan 2020
Updated Feb 2023

Files in this example

resources/views/components/profile/element.blade.php

resources/views/profile/users/index.blade.php

View full example

tighten/onramp

164
Created Jul 2019
Updated Nov 2025

Files in this example

resources/views/components/form/section.blade.php

resources/views/components/input/text.blade.php

resources/views/components/button/primary.blade.php

resources/views/profile.blade.php

View full example

phpreel/phpreel

126
Created May 2021
Updated Nov 2022

Files in this example

app/View/Components/AvailabilityForm.php

resources/views/components/create/availability-form.blade.php

resources/views/components/edit/availability-form.blade.php

resources/views/episodes/create.blade.php

resources/views/episodes/edit.blade.php

View full example

tighten/laravelversions

98
Created Jan 2021
Updated Nov 2025

Files in this example

app/View/Components/LanguageSelector.php

resources/views/partials/modules/header.blade.php

View full example

Astrotomic/opendor.me

79
Created May 2021
Updated Aug 2024

Files in this example

routes/web.php

resources/views/web/sponsors.blade.php

app/View/Components/Web/Sponsors.php

resources/views/components/web/sponsors.blade.php

app/View/Components/Web/GithubSponsors.php

resources/views/components/web/github-sponsors.blade.php

View full example

Gummibeer/gummibeer.de

11
Created May 2020
Updated Oct 2025

Files in this example

app/View/Components/Avatar.php

resources/views/components/avatar.blade.php

resources/views/components/post/webmentions.blade.php

View full example

spatie/laravel-comments.com

10
Created Mar 2022
Updated Oct 2024

Files in this example

resources/views/components/related.blade.php

resources/views/partials/related.blade.php

View full example