PHPackages                             vardumper/html5-blade-templates - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. vardumper/html5-blade-templates

ActiveLibrary[Templating & Views](/categories/templating)

vardumper/html5-blade-templates
===============================

Type-safe, auto-generated Blade templates for all HTML5 elements with full WCAG, ARIA support and validation.

0.3.3(2w ago)03MITBlade

Since May 21Pushed 2w agoCompare

[ Source](https://github.com/vardumper/html5-blade-templates)[ Packagist](https://packagist.org/packages/vardumper/html5-blade-templates)[ Fund](https://www.buymeacoffee.com/vardumper)[ GitHub Sponsors](https://github.com/sponsors/vardumper)[ RSS](/packages/vardumper-html5-blade-templates/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (2)DependenciesVersions (2)Used By (0)

Blade Templates for HTML5 Elements
==================================

[](#blade-templates-for-html5-elements)

Type-safe, auto-generated Blade templates for all HTML5 elements with full WCAG, ARIA support and validation. Part of Extended HTMLDocument - schema-first from HTML5 schema.

Features
--------

[](#features)

- **Type-Safe**: Full PHP/Laravel type support with comprehensive validation
- **ARIA Compliant**: Complete ARIA attribute support with proper validation
- **Laravel Integration**: Native Blade syntax and Laravel features
- **Auto-Generated**: Consistent API across all HTML5 elements via schema-first approach
- **Enum Validation**: Static attribute validation for HTML compliance

Installation
------------

[](#installation)

### Standalone Composer package (recommended for Laravel projects)

[](#standalone-composer-package-recommended-for-laravel-projects)

```
composer require vardumper/html5-blade-templates
```

Then register the component path in your `AppServiceProvider`:

```
use Illuminate\Support\Facades\Blade;

public function boot(): void
{
    Blade::componentPath(
        base_path('vendor/vardumper/html5-blade-templates')
    );
}
```

### NPM, Yarn, PNPM, etc

[](#npm-yarn-pnpm-etc)

This is a static NPM package, providing just the Blade templates.

```
npm install @typesafe-html5/blade
yarn add @typesafe-html5/blade
pnpm add @typesafe-html5/blade
```

Usage
-----

[](#usage)

```

    Click here

```

Or via `@include` (note: Blade resolves `inline/a/index.blade.php` as `blade.inline.a`):

```
@include('blade.inline.a', ['content' => 'Click me', 'href' => 'https://example.com'])
@include('blade.inline.abbr', ['content' => 'ABBR', 'title' => 'Abbreviation'])
```

### With Nested Components

[](#with-nested-components)

```

        Click here

```

### Usage in Example Component

[](#usage-in-example-component)

```

      Headline

      Subheadline

    Description

    Read more

```

The component tag prefix (`x-block.*`, `x-inline.*`, `x-void.*`) corresponds to the element's content model and maps to `index.blade.php` inside each element's subdirectory.

Benefits & Features
-----------------------

[](#benefits--features)

When or why is using these Blade templates better than writing plain HTML?

- Because the templates are generated from the HTML5 schema, every atom is guaranteed to be structurally correct, semantically valid, consistently formatted.
- Enum attribute validation ensures that static attributes can only receive allowed options.
- This gives you a pristine, error-free starting point for every component you build on top of them.
- It's the “perfect atom” for each HTML5 element, and you build only the custom logic or styling on top of it
- Your IDE might be able to provide auto-completion for an improved ease of use.

Read More
---------

[](#read-more)

- [Extended HTMLDocument Documentation](https://vardumper.github.io/extended-htmldocument/)
- [Laravel Blade Templates Documentation](https://laravel.com/docs/12.x/blade)

###  Health Score

33

—

LowBetter than 73% of packages

Maintenance96

Actively maintained with recent releases

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity23

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

19d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/21208397?v=4)[Erik Pöhler](/maintainers/vardumper)[@vardumper](https://github.com/vardumper)

---

Top Contributors

[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (3 commits)")

---

Tags

laravelcomponentsHTML5bladetemplateswcagARIAtypesafeschema-first

### Embed Badge

![Health badge](/badges/vardumper-html5-blade-templates/health.svg)

```
[![Health](https://phpackages.com/badges/vardumper-html5-blade-templates/health.svg)](https://phpackages.com/packages/vardumper-html5-blade-templates)
```

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k531.0k21](/packages/robsontenorio-mary)[ddfsn/blade-components

Blade Components is a hand-crafted, UI component library for building consistent web experiences in Laravel apps.

234.6k](/packages/ddfsn-blade-components)[electrik/slate

Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project

102.4k1](/packages/electrik-slate)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)