Code Examples of blade components (13)

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
- 4573
- Nov 2016
- Mar 2025
Files in the 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
- 1784
- Dec 2016
- Oct 2024
Files in the example
- app/View/Components/Alert.php
- resources/views/shared/alerts.blade.php
- resources/views/comments/_form.blade.php
View full example
spatie/freek.dev
- 637
- Nov 2017
- Mar 2025
Files in the example
- app/View/Components/SeriesNextPostComponent.php
- resources/views/components/series-next-post-component.blade.php
View full example
spatie/spatie.be
- 483
- Oct 2020
- Mar 2025
Files in the example
- resources/views/components/label.blade.php
- resources/views/front/profile/profile.blade.php
View full example
Hi-Folks/gh-actions-yaml-generator
- 328
- Jan 2021
- May 2024
Files in the example
- resources/views/components/card-template.blade.php
- resources/views/livewire/configurator-form.blade.php
View full example
christophrumpel/larastreamers
- 235
- May 2021
- Oct 2024
Files in the example
- app/View/Components/AddStreamsToCalendar.php
- resources/views/components/add-streams-to-calendar.blade.php
View full example
jcergolj/laravellte
- 218
- Jan 2020
- Feb 2023
Files in the example
- resources/views/components/profile/element.blade.php
- resources/views/profile/users/index.blade.php
View full example
tighten/onramp
- 159
- Jul 2019
- Mar 2025
Files in the 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
- 123
- May 2021
- Nov 2022
Files in the 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
- 95
- Jan 2021
- Mar 2025
Files in the example
- app/View/Components/LanguageSelector.php
- resources/views/partials/modules/header.blade.php
View full example
Astrotomic/opendor.me
- 77
- May 2021
- Aug 2024
Files in the 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
- May 2020
- Jul 2024
Files in the 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
- 9
- Mar 2022
- Oct 2024
Files in the example
- resources/views/components/related.blade.php
- resources/views/partials/related.blade.php
View full example

Additional resources on blade components: