react cyber elements

React-ciber-elementos

+90 HUD Cyberpunk Elements. Isso é e sempre será livre.

Queremos criar o maior projeto de código aberto cyberpunk para você fazer coisas legais.

Obrigado a todos por se importar!, Parece que você gosta da idéia do nosso projeto Cyberpunk, esses são nossos objetivos futuros!

PRÓXIMOS PASSOS:

• +1.000 ícones de SVG futuristics componentes para reação, vue, esbelto e angular.
• Adicione mais 200 elementos do HUD aos elementos Currect 90 e disponibilize -os também para Vue, Site e Angular.
• Wrapper e livro de histórias on -line para facilitar a pesquisa e o uso em seu aplicativo.
• Crie uma página chique em que mostramos posibilidades com nossos elementos de HUD, ícones e outros!
• Faça ativos sofisticados para todos (AUDIO/WEB FORNAVES

Demo: https://react-cyber-lements-demo.vercel.app/

Bem-vindo ao React-Cyber-Element, você pode alterar a cor dos elementos com apenas CSS.

Uso simples: para conferir os documentos e a caixa de areia para obter mais informações.

Instalar

npm

 npm install react-cyber-elements 

fio

 yarn add react-cyber-elements 

Uso

 import { CyberEl1 } from 'react-cyber-elements'

export default function Home ( ) {
  return (
    < CyberEl1 
      style = { {
        width : '100px' ,
        height : '100px'
      } }
    className = "cyber-icon" />
  )
} 

Mudança de cores

Você pode simplesmente ter acesso a cada caminho e alterar o golpe e preencher propriedades.

. cyber-icon path : nth-of-type ( 1 ) {
  fill : # d600ff !important ;
  stroke : orange;
}

. cyber-icon path : nth-of-type ( 2 ) {
  fill : # 00b8ff !important ;
  stroke : orange;
}

. cyber-icon path : nth-of-type ( 3 ) {
  fill : yellow !important ;
  stroke : orange;
}

. cyber-icon path : nth-of-type ( 4 ) {
  fill : # 001eff !important ;
  stroke : orange;
}

. cyber-icon path : nth-of-type ( 5 ) {
  fill : # bd00ff !important ;
}