Web components

3 videos across 3 channels

Reusable UI building blocks powered by web components are shaping how we create consistent, interactive interfaces across frameworks. The videos illustrate practical patterns—from flexible date pickers driven by natural language input and user testing, to dynamic embed components that handle multiple services, to layout components that unify page structure across a site. Together, they highlight the value of encapsulation, cross-framework compatibility, and maintainable design systems.

Date pickers suck, we fixed them thumbnail

Date pickers suck, we fixed them

Three contenders race to build the best date picker using natural language input, fast interaction, and smart parsing, t

00:20:31
Create a Dynamic Livewire Embed Component thumbnail

Create a Dynamic Livewire Embed Component

The video demonstrates an embed component built with Laravel and Livewire that lets you paste a media URL (YouTube, Vime

00:07:38
Astro Crash Course #3 - Layouts thumbnail

Astro Crash Course #3 - Layouts

The video demonstrates how to replace repetitive page headers with a reusable layout in Astro, using a base layout compo

00:05:54