Dark mode
Search
Menü
Global
Form
Accordion
AuthorMeta
Avatar
Banner
Button
ButtonLink
Breadcrumb
Caption
CardAction
CardCore
Carousel
ContentBlock
Drawer
Divider
FilterTags
Heading
Icon Content
IconDisplay
Icon UI
InlineLink
Link
LinkButton
ListIcon
ListLink
Logo
LogoItem
Metric
Overline
Pagination
Pattern
Popover
Quote
Skeleton
Skrim
Table
Tabs
Tag
TagLine
Text
LogoItem
Partner or brand logo tiles with slotted media, link targets, and varied aspect-ratio stress tests.
Available components
Different image aspect ratios
Panorama Power
Square Grid
Tall Volt
Classic Energy
Different image aspect ratios (dark)
Panorama Power
Square Grid
Tall Volt
Classic Energy
Single LogoItem examples
Kappa Hydro
Lumen Systems
Mira Wind
Single LogoItem examples (dark)
Kappa Hydro
Lumen Systems
Mira Wind
3x3 logo grid (9 items)
Aether
Brisa
Cima
Dorsa
Elios
Fluxa
Gaia
Helio
Ionix
Edge cases: extra short and extra long names
Q
X
International Renewable Infrastructure and Multi-Utility Strategic Partnership Group
Ultra High Voltage Storage and Distribution Technologies Consortium
3x3 logo grid (9 items, dark)
Aether
Brisa
Cima
Dorsa
Elios
Fluxa
Gaia
Helio
Ionix
Edge cases: extra short and extra long names (dark)
Q
X
International Renewable Infrastructure and Multi-Utility Strategic Partnership Group
Ultra High Voltage Storage and Distribution Technologies Consortium
About this example
Server-rendered with Next.js App Router
Stencil components with @stencil/ssr
Declarative shadow DOM for hydration
BKW Design System
BKW Design System
50 Components
Reusable components ready to build with today.
Design System
Repository
Board
Storybook
Agencies
muse case
Strichpunkt
campfire
Instagram
Facebook
BKW
Press Releases
muse case
Strichpunkt
campfire