Examples of Blade components (12)

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)
★ 2302 Created: Nov 2016 Updated: Aug 2021 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)
★ 1317 Created: Dec 2016 Updated: May 2021 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)
★ 428 Created: Nov 2017 Updated: Jul 2021 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)
★ 306 Created: Oct 2020 Updated: Jul 2021 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)
★ 210 Created: Jan 2021 Updated: Jun 2021 Laravel version: 8
Files in the example:
- resources/views/components/card-template.blade.php
- resources/views/livewire/configurator-form.blade.php
Repository: tighten/onramp (Github)
★ 129 Created: Jul 2019 Updated: Jul 2021 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: jcergolj/laravellte (Github)
★ 122 Created: Jan 2020 Updated: Jun 2021 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)
★ 82 Created: May 2021 Updated: Jul 2021 Laravel version: 8
Files in the example:
- app/View/Components/AddStreamsToCalendar.php
- resources/views/components/add-streams-to-calendar.blade.php
Repository: tighten/laravelversions (Github)
★ 71 Created: Jan 2021 Updated: Jul 2021 Laravel version: 8
Files in the example:
- app/View/Components/LanguageSelector.php
- resources/views/partials/modules/header.blade.php
Repository: phpreel/phpreel (Github)
★ 60 Created: May 2021 Updated: Aug 2021 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: Astrotomic/opendor.me (Github)
★ 46 Created: May 2021 Updated: Jul 2021 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)
★ 8 Created: May 2020 Updated: May 2021 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

Additional resources on blade components: