Componentes

Partícula

Explore prévias interativas, encontre os componentes ideais e incorpore componentes abertos ao seu projeto com o código-fonte incluído.

Crie com um guia Conecte seu agente Explorar modelos de páginas

18 de 18

1536Particle driftFundosUm campo de tela de partículas lentas que se movem nas bordas e se conectam com linhas tênues e se afastam por onde o ponteiro passa.

1641Magnetic dust buttonBotões

1642Particle burst buttonBotões

1656Star count buttonBotõesUm botão de estrela do repositório cujo total é exibido coluna por coluna e lança uma pequena explosão de pequenas estrelas quando pressionado.

1672Burst particle emitterAnimaçãoEnvolve qualquer elemento e dispara um leque escalonado de pequenas manchas a partir de uma borda escolhida, ao clicar, em um loop ou na primeira vez que ele rola para ser exibido.

1674Celebration burstAnimação

1691Firework burst canvasFundosOs projéteis são lançados da borda inferior, formam um arco e depois explodem em faíscas que caem sob a ação da gravidade.

1703Gravity dust fieldFundosUm campo lento de partículas de poeira brilhantes que se curvam em direção ou para longe do ponteiro e ficam mais brilhantes à medida que se aproximam.

1720Magnetic particle ringFundosUm campo flutuante de pequenas partículas que o ponteiro capta e reorganiza num anel ondulante, libertando-as novamente à medida que avança.

1728Particle sprayAnimaçãoMantenha o ponteiro pressionado em um controle e ele pulveriza pequenas partículas de onde quer que o ponteiro esteja, cada uma formando um arco para cima, girando e depois caindo e se limpando.

1875Pixel Bloom CardCartões

1952Drifting particle fieldFundosUma nuvem que cai lentamente de pequenos pontos redondos, cada um vagando em seu próprio caminho, com a nuvem inteira inclinada para longe do ponteiro.

2000Particle FieldFundosUm campo de tela de pontos flutuantes suaves que flutuam por conta própria e se inclinam em direção ao ponteiro com um leve puxão magnético, recuando quando ele se afasta.

2042Sliding digit counterExibição de dados

2079Vector Flow FieldFundos

2376Launch orbit buttonBotõesUma pílula que sopra um anel para fora em um loop, espalha suas partículas de poeira ao pairar e envia uma pequena nave circulando pelo rótulo.

2409Reactive bento panelsLayout

2816Particle formation textEfeitos de textoUma tela de pequenas partículas que se reúne na forma de uma palavra, flutua depois de formada e se espalha pelo ponteiro.

Compare estes componentes

Escolha pelo comportamento e pelo layout; depois confira os frameworks disponíveis e os requisitos de acesso na página de cada componente.

Burst particle emitter
Envolve qualquer elemento e dispara um leque escalonado de pequenas manchas a partir de uma borda escolhida, ao clicar, em um loop ou na primeira vez que ele rola para ser exibido.
Celebration burst
Drifting particle field
Uma nuvem que cai lentamente de pequenos pontos redondos, cada um vagando em seu próprio caminho, com a nuvem inteira inclinada para longe do ponteiro.

Orientações de design

Abrir o índice completo

Etiquetas

3D (16)Acordeão (9)Ação (9)Adicionar (7)Administração (12)Agente (12)Alerta (8)Ambiente (39)Análise (13)Animado (82)Arco (7)Área (12)Seta (33)Autorização (11)Autenticação (12)Avatar (13)Plano de fundo (18)Fundo (54)Distintivo (22)Faixa (8)Faixa informativa (9)Barra (22)Feixe (11)Chanfro (12)Faturamento (10)Forma orgânica (7)Resplendor (10)Desfoque (15)Reserva (9)Borda (16)Quique (6)Explosão (7)Botão (401)Calendário (32)Chamada para ação (11)Tela (89)Cápsula (12)Legenda (8)Cartão (42)Carrossel (11)Gráfico (59)Caixa de seleção (13)Lista de verificação (7)Divisa (10)Etiqueta compacta (26)Círculo (9)Clique (7)Recorte (9)Código (6)Recolher (11)Recolhível (6)Coluna (7)Comercial (10)Compacto (8)Comparação (8)Confirmar (24)Confirmação (7)Estado controlado (18)Canto (13)Contagem (7)Contador (18)Mira (6)Chamada para ação (28)Cursor (26)Cortina (7)Cliente (13)Ciclo (6)Escuro (15)Painel (9)Dados (13)Seletor de data (16)Intervalo de datas (13)Excluir (8)Profundidade (32)Destrutivo (9)Diagonal (13)Diálogo (17)Direção (6)Expansão (8)Dispensar (6)Gráfico de rosca (7)Ponto (17)Download (10)Arrastar (21)Painel lateral (10)Deriva (17)Menu suspenso (18)Borda (7)Elástico (8)Elevação (6)Entrada (14)Expandir (23)Esmaecimento (9)Leque (6)Resposta visual (12)Campo (8)Preenchimento (46)Filtro (14)Finanças (10)Plano (6)Virada (10)Inundação (14)Foco (19)Foco contido (6)Pasta (7)Acompanhamento (11)Formulário (48)Controle de formulário (12)Moldura (20)Galeria (15)Gesto (6)Fantasma (7)Distorção digital (9)Brilho (39)Glifo (9)Gradiente (38)Granulação (10)Grade (35)Grupo (8)Linha fina (8)Halo (15)Sombra marcada (6)Cabeçalho (8)Título principal (19)Seção principal (11)Destaque (22)Dica (12)Manter pressionado (6)Ao passar o cursor (251)Cartão ao passar o cursor (10)Ícone (125)Botão de ícone (24)Indicador (9)Campo de entrada (20)Relevo interno (11)Interativo (50)Inversão (26)Tecla (11)Teclado (20)Navegação por teclado (6)Capa de tecla (10)Rótulo (21)Troca de rótulo (9)Em camadas (9)Layout (18)Ressalto (6)Legenda (9)Letra (10)Elevação (19)Luz (22)Linha (19)Link (11)Prévia de link (7)Líquido (7)Lista (13)Indicador de carregamento (9)Carregamento (27)Entrada (10)Repetição (42)Marcador (9)Faixa deslizante (8)Máscara (9)Menu (23)Metal (10)Métrica (15)Minimalista (10)Janela modal (19)Monoespaçado (12)Mensal (12)Transformação (14)Moldado (6)Navegação (21)Aninhado (7)Ruído (16)Notificação (7)Número (11)Deslocamento (7)Órbita (13)Contorno (63)Transbordamento (7)Sobreposição (24)Página (19)Painel (37)Paralaxe (15)Partícula (18)Padrão (9)Perspectiva (20)Foto (6)Gráfico de pizza (7)Cápsula (83)Ficha (9)Lúdico (7)Ponteiro (65)Polar (8)Painel flutuante (17)Pressão (77)Pressionado (6)Produto (6)Perfil (8)Progresso (27)Pulso (17)Radar (9)Radial (8)Grupo de opções (8)Relevo (6)Revelação (80)Fita (6)Borda externa (8)Anel (35)Ondulação (18)Rolamento (6)Girar (21)Rotação (6)Linha (15)Escala (20)Rolagem (38)Busca (8)Seção (8)Segmentado (7)Controle segmentado (12)Enviar (23)Sequência (8)Série (7)Configurações (22)Sombra (28)Compartilhar (25)Brilho suave (14)Folha (6)Cintilação (8)Barra lateral (7)Entrar (11)Sinal (8)Cadastro (9)Inclinação (9)Placa (6)Deslizamento (21)Controle deslizante (10)Destaque deslizante (7)Social (6)Suave (6)Giro contínuo (15)Indicador giratório (9)Divisão (9)Foco de luz (7)Mola (63)Quadrado (6)Pilha (17)Empilhado (7)Animação escalonada (40)Estrela (9)Estatística (7)Estado (11)Situação (21)Listra (6)Traço (7)Submenu (9)Enviar formulário (7)SVG (102)Troca (12)Varredura (40)Interruptor (16)Aba (22)Tátil (26)Texto (40)Textura (11)Bloco (28)Inclinação (26)Alternância (65)Grupo de alternância (10)Barra de ferramentas (25)Dica flutuante (37)Rastreamento (6)Rastro (20)Transição (6)Translúcido (9)Percurso (6)Tendência (10)Máquina de escrever (9)Digitação (8)Tipografia (18)Sublinhado (10)Maiúsculas (14)Valor (7)Verificação (8)Área visível (6)Deformação (6)Onda (20)Revelação por varredura (23)Oscilação (6)Fluxo de trabalho (18)Espaço de trabalho (36)