capell-app/theme-liquid-glass

A free Liquid Glass website theme for modern Capell sites with translucent surfaces, crisp content rhythm, and three polished presets.

Maintainers

Package info

github.com/capell-app/theme-liquid-glass

Documentation

pkg:composer/capell-app/theme-liquid-glass

Transparency log

Statistics

Installs: 0

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

v1.0.10 2026-07-30 11:52 UTC

README

What This Plugin Adds

Theme Liquid Glass is an Available, No schema impact Capell theme in the Capell Themes product group. It ships as capell-app/theme-liquid-glass and extends these surfaces: frontend.

Theme Liquid Glass adds translucent layers, depth, refraction grids, and floating navigation to Capell page presentation. Capell and Layout Builder retain ownership of the page data.

When selected, Layout Builder pages render with the theme's glass-layered visual system while preserving the existing content structure.

Evidence: src/LiquidGlassThemeServiceProvider.php, resources/views/widget/layered-depth-hero.blade.php, resources/views/widget/refraction-grid.blade.php, resources/views/widget/floating-glass-nav.blade.php, capell.json, tests/Feature/LiquidGlassBespokeWidgetsTest.php, tests/Feature/LiquidGlassVisualProofTest.php.

Status details:

  • Status: Available
  • Tier: free
  • Bundle: themes
  • Composer package: capell-app/theme-liquid-glass
  • Namespace: Capell\ThemeLiquidGlass
  • Theme key: liquid-glass

Why It Matters

For developers: Typed widget keys and a layout-native provider connect bespoke presentation to the shared Layout Builder container pipeline.

For teams: Design teams can apply a consistent glass treatment across hero, grid, and navigation sections without relocating content into theme-specific storage.

Evidence: src/LiquidGlassThemeServiceProvider.php, src/Enums/WidgetComponentEnum.php, tests/Unit/LiquidGlassThemeDefinitionTest.php, resources/views/widget/layered-depth-hero.blade.php, resources/views/widget/refraction-grid.blade.php, resources/views/widget/floating-glass-nav.blade.php.

Screens And Workflow

Screenshot contract: docs/screenshots.json.

Liquid Glass Homepage

Liquid Glass Directory

Desktop, tablet, and mobile variants remain defined in the screenshot contract; this list groups them by workflow.

  • Liquid Glass Homepage (frontend, required).
  • Liquid Glass Directory (frontend, required).
  • Liquid Glass Detail Article (frontend, required).
  • Liquid Glass Contact (frontend, required).
  • Liquid Glass Empty State (frontend, required).
  • Liquid Glass Page Not Found (frontend, optional).
  • Liquid Glass Call To Action (frontend, optional).

Technical Shape

  • Service providers: Capell\ThemeLiquidGlass\LiquidGlassThemeServiceProvider.
  • Actions: InstallLiquidGlassThemeDemoAction.
  • Command signatures: capell:theme-liquid-glass-demo.
  • Console command classes: DemoCommand.
  • Manifest contributions: admin-page: Capell\ThemeLiquidGlass\Manifest\ThemeManagementPageContribution.
  • Health checks: Capell\ThemeLiquidGlass\Health\ThemeLiquidGlassHealthCheck.
  • Blade views: packages/theme-liquid-glass/resources/views/footer.blade.php, packages/theme-liquid-glass/resources/views/header/index.blade.php, packages/theme-liquid-glass/resources/views/sections/content-listing.blade.php, packages/theme-liquid-glass/resources/views/sections/cta.blade.php, packages/theme-liquid-glass/resources/views/sections/features.blade.php, packages/theme-liquid-glass/resources/views/sections/footer.blade.php, packages/theme-liquid-glass/resources/views/sections/hero.blade.php, packages/theme-liquid-glass/resources/views/sections/navigation.blade.php, packages/theme-liquid-glass/resources/views/sections/presets.blade.php, packages/theme-liquid-glass/resources/views/sections/proof.blade.php, packages/theme-liquid-glass/resources/views/sections/showcase.blade.php, packages/theme-liquid-glass/resources/views/widget/cta.blade.php, and 7 more.
  • Cache tags: theme-liquid-glass.

Data Model

This theme has no schema impact. It relies on core Capell site, page, locale, and theme records instead of declaring package-owned tables.

Install Impact

  • Required packages: capell-app/core, capell-app/theme-foundation, capell-app/frontend, capell-app/layout-builder.
  • Admin navigation: declares admin-page: ThemeManagementPageContribution; each Filament page or resource controls its own navigation visibility.
  • Admin/editor extensions: none declared.
  • Permissions: none declared in capell.json.
  • Public routes: none declared.
  • Database changes: no package migrations declared.
  • Config: no package config files.
  • Settings: no package settings declared.
  • Queues or schedules: none declared.
  • Cache tags: theme-liquid-glass.
  • Commands: capell:theme-liquid-glass-demo.

Common Pitfalls

  • Keep required Capell packages on compatible v4 releases: capell-app/core, capell-app/theme-foundation, capell-app/frontend, capell-app/layout-builder.
  • Keep public Blade and cached HTML free of authoring markers, model IDs, permissions, signed editor URLs, and lazy database queries.
  • Custom write integrations must preserve invalidation for theme-liquid-glass cache tags.

Troubleshooting

Symptom Likely cause Check Fix
Package surface is missing after install Provider or manifest is not loaded Confirm capell.json, package composer.json, and provider registration Reinstall the package, refresh Composer autoload, and clear host caches
Public output leaks unexpected state Render data, cache variation, or authoring boundary has regressed Check public Blade, cache tags, and public-output safety tests Move data loading out of Blade and rerun the package public-output tests

Quick Start

  1. Install the package: composer require capell-app/theme-liquid-glass.
  2. No package-specific setup command or migrations are declared.
  3. Open the Liquid Glass Homepage and confirm the public output renders without admin state.

Next Steps