Deniz UI Framework

Modern, animasyon destekli, gelişmiş React UI framework'ü.

Özellikler

• 30+ Modern UI bileşeni
• 30+ Animasyon bileşeni
• Tema desteği
• TypeScript ile tam tip desteği
• Responsive tasarım
• Erişilebilirlik odaklı
• Radix UI entegrasyonu

Kurulum

npm install deniz-ui-framework

Kullanım

import React from 'react';
import { Button, Card, AnimatedText } from 'deniz-ui-framework';

function App() {
  return (
    <div>
      <AnimatedText text="Merhaba Dünya!" />
      <Card>
        <h2>Deniz UI Framework</h2>
        <p>Modern UI bileşenleri ve animasyonlar</p>
        <Button>Başla</Button>
      </Card>
    </div>
  );
}

Bileşenler

Framework'te bulunan bazı bileşenler:

Temel Bileşenler

• Button
• Input
• Card
• Modal
• Tabs
• Accordion
• Avatar
• Badge
• Breadcrumb
• Checkbox
• Dropdown
• Switch
• Table
• Toast
• Tooltip

Gelişmiş Bileşenler

• DatePicker
• FileUpload
• Charts (LineChart, BarChart)
• MediaPlayer
• Layout

Animasyonlar

• AnimatedText
• ScrollReveal
• FlipCard
• GlitchText
• TextTrail
• ve daha fazlası...

Geliştirme

# Repoyu klonla
git clone https://github.com/yourusername/deniz-ui-framework.git

# Bağımlılıkları yükle
cd deniz-ui-framework
npm install

# Geliştirme sunucusunu başlat
npm run dev

Lisans

MIT