@8ntw/react-fly

DaisyUI benzeri modern TypeScript tabanlı React UI kütüphanesi. Premium animasyonlar ve esnek tasarım sistemi ile güçlü, yeniden kullanılabilir bileşenler.

🚀 Özellikler

• TypeScript Desteği: Tam tip güvenliği ve intellisense
• Premium Animasyonlar: Shimmer effects, 3D transforms, gradient backgrounds
• Modüler Yapı: Tree-shaking desteği ile optimize edilmiş bundle boyutu
• Esnek Tasarım: 9 renk varyantı, 5 boyut seçeneği
• Modern: React 18+ ve en son standartlarla uyumlu

📦 Kurulum

npm install @8ntw/react-fly

🎯 Kullanım

import { Button, Input, Card, CardBody, CardTitle } from '@8ntw/react-fly';

function App() {
  return (
    <div>
      <Button variant="primary" size="lg">
        Merhaba Dünya
      </Button>
      
      <Input 
        placeholder="İsminizi girin" 
        variant="primary" 
        size="md" 
      />
      
      <Card shadow>
        <CardBody>
          <CardTitle>Kart Başlığı</CardTitle>
          <p>Kart içeriği</p>
        </CardBody>
      </Card>
    </div>
  );
}

🧩 Bileşenler

Button

9 varyant, 5 boyut ve premium animasyonlar:

• Varyantlar: primary, secondary, accent, neutral, base, info, success, warning, error
• Boyutlar: xs, sm, md, lg, xl
• Özellikler: disabled, loading, outline, ghost, fullWidth, circle, square

Input

Modern input bileşeni:

• Varyantlar: Tüm renk varyantları
• Boyutlar: xs, sm, md, lg, xl
• Özellikler: error, disabled, readonly, bordered, ghost

Card

Esnek kart bileşeni:

• Özellikler: bordered, compact, shadow, glass, side
• Alt Bileşenler: CardBody, CardTitle, CardActions

🎨 Animasyonlar

• Shimmer Effects: Işık geçiş efektleri
• 3D Transforms: Scale, rotate, translate
• Gradient Backgrounds: Renkli geçişler
• Colored Shadows: Varyant bazlı gölgeler

📱 Responsive

Tüm bileşenler responsive tasarım ile optimize edilmiştir.

📄 Lisans

MIT License