Kitchen Sink Media Patterns | Foundation showcase

Capell Live demo · read-only

Version Theme

Frontend Admin

Image, gallery, carousel, video, and responsive media patterns.

Kitchen Sink Hero Top / lazy fragment

Kitchen Sink 001: Kitchen Sink Hero Top

Source: Kitchen Sink Hero Top
Variant: lazy fragment
Case: deferred

Baseline. Stress case 001 exercises Kitchen Sink Hero Top with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Dense Content. Stress case 002 exercises Kitchen Sink Structured Text with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

reference

Hero

Hero reference section.

Reference output.

reference

Breadcrumbs

Breadcrumbs reference section.

Reference output.

reference

Table of contents reference section.

Reference output.

Breadcrumbs / lazy fragment

Kitchen Sink 003: Breadcrumbs

Source: Breadcrumbs
Variant: lazy fragment
Case: deferred

Image Heavy. Stress case 003 exercises Breadcrumbs with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Announcement Bar / lazy fragment

Kitchen Sink 004: Announcement Bar

Source: Announcement Bar
Variant: lazy fragment
Case: deferred

High Contrast. Stress case 004 exercises Announcement Bar with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Page Content / lazy fragment

Kitchen Sink 005: Page Content

Source: Page Content
Variant: lazy fragment
Case: deferred

Pagination. Stress case 005 exercises Page Content with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Snippet / lazy fragment

Kitchen Sink 006: Snippet

Source: Snippet
Variant: lazy fragment
Case: deferred

Carousel. Stress case 006 exercises Snippet with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Gallery / lazy fragment

Kitchen Sink 007: Gallery

Source: Gallery
Variant: lazy fragment
Case: deferred

Compact. Stress case 007 exercises Gallery with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Media Carousel / lazy fragment

Kitchen Sink 008: Media Carousel

Source: Media Carousel
Variant: lazy fragment
Case: deferred

Wide. Stress case 008 exercises Media Carousel with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Pages Card / lazy fragment

Kitchen Sink 009: Pages Card

Source: Pages Card
Variant: lazy fragment
Case: deferred

Long Label. Stress case 009 exercises Pages Card with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Kitchen Sink Livewire Stress / lazy fragment

Kitchen Sink 010: Kitchen Sink Livewire Stress

Source: Kitchen Sink Livewire Stress
Variant: lazy fragment
Case: deferred

Empty State Guard. Stress case 010 exercises Kitchen Sink Livewire Stress with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Kitchen Sink Livewire Latest Pages / lazy fragment

Kitchen Sink 011: Kitchen Sink Livewire Latest Pages

Source: Kitchen Sink Livewire Latest Pages
Variant: lazy fragment
Case: deferred

Dark Surface. Stress case 011 exercises Kitchen Sink Livewire Latest Pages with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Assets / lazy fragment

Kitchen Sink 012: Assets

Source: Assets
Variant: lazy fragment
Case: deferred

Nested Assets. Stress case 012 exercises Assets with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Assets Accordion / lazy fragment

Kitchen Sink 013: Assets Accordion

Source: Assets Accordion
Variant: lazy fragment
Case: deferred

Baseline. Stress case 013 exercises Assets Accordion with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Assets Banner / lazy fragment

Kitchen Sink 014: Assets Banner

Source: Assets Banner
Variant: lazy fragment
Case: deferred

Dense Content. Stress case 014 exercises Assets Banner with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Asset Features / lazy fragment

Kitchen Sink 015: Asset Features

Source: Asset Features
Variant: lazy fragment
Case: deferred

Image Heavy. Stress case 015 exercises Asset Features with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Asset Testimonials / lazy fragment

Kitchen Sink 016: Asset Testimonials

Source: Asset Testimonials
Variant: lazy fragment
Case: deferred

High Contrast. Stress case 016 exercises Asset Testimonials with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Widget Navigation / lazy fragment

Kitchen Sink 017: Widget Navigation

Source: Widget Navigation
Variant: lazy fragment
Case: deferred

Pagination. Stress case 017 exercises Widget Navigation with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Widget Navigation Tabs / lazy fragment

Kitchen Sink 018: Widget Navigation Tabs

Source: Widget Navigation Tabs
Variant: lazy fragment
Case: deferred

Carousel. Stress case 018 exercises Widget Navigation Tabs with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Banner Image / lazy fragment

Kitchen Sink 019: Banner Image

Source: Banner Image
Variant: lazy fragment
Case: deferred

Compact. Stress case 019 exercises Banner Image with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.

Kitchen Sink Hero Middle / lazy fragment

Kitchen Sink 020: Kitchen Sink Hero Middle

Source: Kitchen Sink Hero Middle
Variant: lazy fragment
Case: deferred

Wide. Stress case 020 exercises Kitchen Sink Hero Middle with eager public render, image-backed assets, dense copy, link text, pagination settings, and contrast-safe public rendering.