react cyber elements

react-cyber-elements

+90 Éléments cyberpunk HUD. Ceci est et sera toujours gratuit.

Nous voulons créer le plus grand projet d'Open-source Cyberpunk pour que vous puissiez faire des choses sympas.

Grâce à tous d'avoir pris soin!, Semble que vous aimez l'idée de notre projet cyberpunk, ce sont nos objectifs futurs!

Étapes suivantes:

• +1.000 composants icônes SVG futuristiques pour React, Vue, Svelte et Angular.
• Ajoutez 200 éléments HUD supplémentaires aux éléments Currect 90 et mettez-les également disponibles pour Vue, Svelte et Angular.
• Emballage et livre de contes en ligne pour les rendre faciles à rechercher et à utiliser dans votre application.
• Créez une page de fantaisie où nous montrons des possibilités avec nos éléments HUD, nos icônes et autres!
• Faire des actifs fantaisie pour tout le monde (arrière-arrière-arrière / Web / caractères / etc.)

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

Bienvenue à React-Cyber-Elements, vous pouvez modifier la couleur des éléments avec Just CSS.

Utilisation simple: pour vérifier les documents et le bac à sable pour plus d'informations.

Installer

NPM

 npm install react-cyber-elements 

fil

 yarn add react-cyber-elements 

Usage

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

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

Changer les couleurs

Vous pouvez simplement accéder à chaque chemin et changer les propriétés de course et de remplissage.

. 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 ;
}