react cyber elements

Elemen reaksi-cyber

+90 elemen cyberpunk HUD. Ini dan akan selalu gratis.

Kami ingin membuat proyek open-source cyberpunk terbesar bagi Anda untuk membuat hal-hal keren.

Terima kasih untuk semua untuk peduli!, Sepertinya Anda menyukai gagasan proyek cyberpunk kami, ini adalah tujuan masa depan kami!

Langkah selanjutnya:

• +1.000 Futuristik Ikon SVG Komponen untuk React, Vue, Svelte dan Angular.
• Tambahkan 200 elemen HUD lagi ke elemen Currect 90 dan buat juga tersedia untuk Vue, Svelte dan Angular.
• Pembungkus dan buku cerita online untuk membuatnya mudah dicari dan digunakan di aplikasi Anda.
• Buat halaman mewah di mana kami menunjukkan positif dengan elemen, ikon, dan lainnya HUD kami!
• Buat aset mewah untuk semua orang (latar belakang audio/web/karakter/dll)

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

Selamat datang di Elemen-Cyber-Elements Anda dapat mengubah warna elemen hanya dengan CSS.

Penggunaan Sederhana: Untuk memeriksa dokumen dan kotak pasir untuk info lebih lanjut.

Memasang

NPM

 npm install react-cyber-elements 

benang

 yarn add react-cyber-elements 

Penggunaan

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

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

Mengubah warna

Anda bisa mendapatkan akses ke setiap jalur dan mengubah stroke dan mengisi properti.

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