@neondijital/neon-ui

Cyberpunk estetikli, production-ready React bileşen kütüphanesi. Tailwind CSS + Framer Motion ile güçlendirilmiş 35 interaktif bileşen.

Kurulum

npm install @neondijital/neon-ui

Gereksinimler

npm install react framer-motion lucide-react

Tailwind CSS projenizde kurulu olmalıdır.

Kullanım

import { LiquidButton, GlassCard, PlasmaToggle } from "@neondijital/neon-ui";

export default function App() {
  return (
    <div>
      <LiquidButton />
      <GlassCard />
      <PlasmaToggle />
    </div>
  );
}

Bileşenler (35 adet)

| Bileşen | Açıklama | | -------------------- | ------------------------------- | | LiquidButton | Sıvı animasyonlu aksiyon butonu | | GlassCard | Glassmorphism kart | | CyberInput | Neon çizgili input | | PlasmaToggle | Işık yayan switch | | GlitchText | Hover ile bozulan metin | | QuantumLoader | Nükleer çekirdek loader | | HudCard | Sci-fi HUD kartı | | BiometricScanner | Parmak izi tarayıcı | | ArcReactor | Dönen enerji çekirdeği | | PortalButton | Solucan deliği butonu | | SentientAI | AI sohbet arayüzü | | HoloPricing | Holografik fiyatlandırma | | SecureUplink | Şifreli iletişim formu | | NeuralUpload | Lazer taramalı yükleme alanı | | PlasmaSlider | Renk değiştiren güç çubuğu | | HoloChart | Holografik grafik | | BiometricAccess | Biyometrik giriş paneli | | SonicVisualizer | Ses dalgası görselleştirici | | CryoSwitch | Buzlanma efektli şalter | | BioHelix | DNA sarmalı animasyonu | | StealthButton | Kapaklı güvenlik butonu | | SlideToHack | Kaydırmalı kilit | | SecurityKeypad | Güvenlik tuş takımı | | NeuralGrid | İnteraktif sinir ağı ızgarası | | MagneticButton | Manyetik fizik butonu | | NeuralCanvas | Canvas parçacık ağı | | CyberStream | Matrix terminal akışı | | OrbitalSocial | Yörüngesel sosyal menü | | HoloProductCard | 3D ürün kartı | | NeonCreditCard | Dönen kredi kartı | | HoloProfile | Holografik profil kartı | | QuantumTestimonial | Otomatik geçişli referans kartı | | HoloRadar | Küresel radar | | NexusCommand | Command palette | | CyberTable | Terminal veri tablosu |

Canlı Demo

neondijital.com/neon-lab

Lisans

MIT © NeonDijital