Tutorials for blade components

• 

  10+ Laravel Refactoring Examples

  · 4:45 · premium

  Course lesson: 09 - From Repeating HTML to Blade Component

• 

  Practical Alpine.js From Scratch

  · 3:48 · premium

  Course lesson: 16 - Alpine Inside Blade Components

• 

  SOLID Code in Laravel

  · 3:02 · premium

  Course lesson: 17 - DRY: Blade Components

• 
  March 06, 2023 · Updated Oct 2025 · 30 min read · premium

  Convert Bootstrap Theme into Laravel Project: Step-by-Step

• 
  September 17, 2025 · 20 min read

  6 Laravel UI Kits and Component Libraries: 2025 Version

• 
  October 20, 2023 · 12 min read

  Laravel Blade: 5 UI Component Libraries

• 

  November 14, 2020 · 15:33 mins

  Video: Laravel Blade Components: Two Examples - Laravel Breeze/UI

• 

  September 29, 2021 · 6:28 mins

  Video: Blade Components: Nested, Anonymous, and Laravel 8.62 New Syntax

• 

  August 07, 2024 · 6:22 mins

  Video: "Built with Laravel" Code Review: Blade Components for Layout

• 

  Tip: Short attribute syntax for Blade Components

• 

  Package: protonemedia/laravel-form-components

  Blade components to build forms with Tailwind CSS/Bootstrap

• 

  Code example: tighten/laravelversions

  Files in the example

  • app/View/Components/LanguageSelector.php
  • resources/views/partials/modules/header.blade.php
• 

  Code example: spatie/freek.dev

  Files in the example

  • app/View/Components/SeriesNextPostComponent.php
  • resources/views/components/series-next-post-component.blade.php
• 

  Code example: spatie/spatie.be

  Files in the example

  • resources/views/components/label.blade.php
  • resources/views/front/profile/profile.blade.php
• 

  July 08, 2024 · 5:04 mins

  Video: Laravel: Active Links with Tailwind, Blade and Route Names

• 

  September 09, 2024 · 3:12 mins

  Video: Laravel Blade Layout Components in Subfolders: Breeze Example

• 

  January 13, 2025 · 2:52 mins

  Video: Laravel Blade Components Example: Asterisk in Translated Labels

• 

  Code example: guillaumebriday/laravel-blog

  Files in the example

  • app/View/Components/Alert.php
  • resources/views/shared/alerts.blade.php
  • resources/views/comments/_form.blade.php
• 

  Code example: Gummibeer/gummibeer.de

  Files in the example

  • app/View/Components/Avatar.php
  • resources/views/components/avatar.blade.php
  • resources/views/components/post/webmentions.blade.php
• 

  Code example: christophrumpel/larastreamers

  Files in the example

  • app/View/Components/AddStreamsToCalendar.php
  • resources/views/components/add-streams-to-calendar.blade.php
• 

  Code example: Astrotomic/opendor.me

  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
• 

  Code example: Hi-Folks/gh-actions-yaml-generator

  Files in the example

  • resources/views/components/card-template.blade.php
  • resources/views/livewire/configurator-form.blade.php
• 

  Code example: jcergolj/laravellte

  Files in the example

  • resources/views/components/profile/element.blade.php
  • resources/views/profile/users/index.blade.php
• 

  Code example: tighten/onramp

  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