Navegação

Bubble burst menu

Uma pílula com logotipo flutuante e um botão que se expande em uma sobreposição em tela inteira de links de pílulas grandes, cada um se encaixando com um movimento elástico.

Studio journal

Field notes from six months on the road.

New dispatches and photo essays, published as the season moves.

Lumen

Como usar Bubble burst menu

Uma pílula com logotipo flutuante e um botão que se expande em uma sobreposição em tela inteira de links de pílulas grandes, cada um se encaixando com um movimento elástico.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: staggerDelay, linkCount, menuBackground

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2318Circle reveal sidebarNavegaçãoUm painel de menu que se abre como um círculo crescendo a partir de sua própria alternância, com linhas surgindo em sequência e as barras de alternância dobrando-se em uma cruz.

2366Hover slide nav labelsNavegaçãoUma lista de navegação vertical onde passar o mouse ou focar um rótulo desliza uma cópia duplicada para exibição enquanto o original desliza para fora, para que o rótulo pareça se atualizar.

2194Morphing Pill NavbarNavegaçãoUma fileira de rótulos de navegação em uma pílula escura onde o rótulo ativo se divide em sua própria pílula preenchida e os rótulos restantes se reagrupam em uma segunda pílula que reflui em torno dela.

2111Auto-Hide Nav BarNavegaçãoUma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.

1528Dock menuNavegaçãoUm encaixe inferior cujos ícones são dimensionados a partir da distância do ponteiro, com um rótulo acima do ícone sob o cursor e um ponto abaixo do ativo.

2349Expanding card navbarNavegaçãoUma barra de navegação estreita e arredondada cujo botão de hambúrguer a expande para baixo em uma fileira de cartões de links coloridos, com os links de cada cartão aparecendo à vista.