Examples of Blade components (14)

Short information about blade components

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.

Repository: orchidsoftware/platform (Github)
★ 3208 Created: Nov 2016 Updated: Aug 2022 Laravel version: 8
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
Repository: guillaumebriday/laravel-blog (Github)
★ 1503 Created: Dec 2016 Updated: Jun 2022 Laravel version: 8
Files in the example:
- app/View/Components/Alert.php
- resources/views/shared/alerts.blade.php
- resources/views/comments/_form.blade.php
Repository: spatie/freek.dev (Github)
★ 521 Created: Nov 2017 Updated: Aug 2022 Laravel version: 8
Files in the example:
- app/View/Components/SeriesNextPostComponent.php
- resources/views/components/series-next-post-component.blade.php
Repository: spatie/spatie.be (Github)
★ 384 Created: Oct 2020 Updated: Aug 2022 Laravel version: 8
Files in the example:
- resources/views/components/label.blade.php
- resources/views/front/profile/profile.blade.php
Repository: Hi-Folks/gh-actions-yaml-generator (Github)
★ 261 Created: Jan 2021 Updated: May 2022 Laravel version: 8
Files in the example:
- resources/views/components/card-template.blade.php
- resources/views/livewire/configurator-form.blade.php
Repository: jcergolj/laravellte (Github)
★ 202 Created: Jan 2020 Updated: Jul 2022 Laravel version: 8
Files in the example:
- resources/views/components/profile/element.blade.php
- resources/views/profile/users/index.blade.php
Repository: christophrumpel/larastreamers (Github)
★ 178 Created: May 2021 Updated: Jul 2022 Laravel version: 8
Files in the example:
- app/View/Components/AddStreamsToCalendar.php
- resources/views/components/add-streams-to-calendar.blade.php
Repository: tighten/onramp (Github)
★ 145 Created: Jul 2019 Updated: Aug 2022 Laravel version: 8
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
Repository: phpreel/phpreel (Github)
★ 116 Created: May 2021 Updated: Mar 2022 Laravel version: 8
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
Repository: tighten/laravelversions (Github)
★ 83 Created: Jan 2021 Updated: Jul 2022 Laravel version: 8
Files in the example:
- app/View/Components/LanguageSelector.php
- resources/views/partials/modules/header.blade.php
Repository: Astrotomic/opendor.me (Github)
★ 68 Created: May 2021 Updated: May 2022 Laravel version: 8
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
Repository: Gummibeer/gummibeer.de (Github)
★ 9 Created: May 2020 Updated: May 2022 Laravel version: 8
Files in the example:
- app/View/Components/Avatar.php
- resources/views/components/avatar.blade.php
- resources/views/components/post/webmentions.blade.php
Repository: spatie/laravel-comments.com (Github)
★ 6 Created: Mar 2022 Updated: Jul 2022 Laravel version: 9
Files in the example:
- resources/views/components/related.blade.php
- resources/views/partials/related.blade.php
Repository: WyattCast44/peergoals (Github)
★ 5 Created: Oct 2021 Updated: Oct 2021 Laravel version: 8
Files in the example:
- resources/views/components/panel.blade.php
- resources/views/livewire/dashboard/panels/my-peers-list-panel.blade.php

Additional resources on blade components: