ar-design
Version:
AR Design is a (react | nextjs) ui library.
132 lines (91 loc) • 3.14 kB
Markdown
# AR Design
[](https://www.npmjs.com/package/ar-design)
[](https://github.com/kaancetin-f/ar-design/blob/main/LICENSE)
[](https://www.typescriptlang.org/)
AR Design, React ve Next.js uygulamaları için geliştirilmiş modern, esnek ve kullanıcı dostu bir UI kütüphanesidir. TypeScript ile yazılmış olup, kapsamlı bileşen koleksiyonu ve özelleştirilebilir tasarım sistemi sunar.
## 🚀 Özellikler
- **Modern Tasarım**: Güncel tasarım trendlerine uygun, temiz ve minimal arayüz
- **TypeScript Desteği**: Tam TypeScript desteği ile tip güvenliği
- **Responsive Tasarım**: Tüm cihazlarda mükemmel görünüm
- **Özelleştirilebilir**: CSS değişkenleri ile kolay özelleştirme
- **Erişilebilirlik**: WCAG standartlarına uygun bileşenler
- **Performans**: Optimize edilmiş bundle boyutu ve hızlı render
- **Modüler Yapı**: İhtiyacınız olan bileşenleri ayrı ayrı import edebilme
## 📦 Kurulum
```bash
npm install ar-design
```
veya
```bash
yarn add ar-design
```
## 🔧 Gereksinimler
- React >= 18.0.0
- React DOM >= 18.0.0
## 📚 Bileşenler
### Data Display (Veri Görüntüleme)
[📖 Detaylı Kullanım Kılavuzu](./docs/data-display.md)
- **Card**
- **Chip**
- **Diagram**
- **Divider**
- **DnD (Drag and Drop)**
- **Grid System**
- **Kanban Board**
- **Paper**
- **Table**
- **Tabs**
- **Typography**
### (Feedback) Geri Bildirim
[📖 Detaylı Kullanım Kılavuzu](./docs/feedback-components.md)
- **Alert**
- **Drawer**
- **Loading**
- **Modal**
- **Notification**
- **Popover**
- **Popup**
- **Progress**
- **Tooltip**
### (Form) Form Elemanları
[📖 Detaylı Kullanım Kılavuzu](./docs/form-components.md)
- **Button**
- **Button Action**
- **Button Group**
- **Checkbox**
- **Date Picker**
- **Input**
- **Input Number**
- **Input Tag**
- **Radio**
- **Select**
- **Switch**
- **TextEditor**
- **Upload**
### Layout (Düzen)
[📖 Detaylı Kullanım Kılavuzu](./docs/layout-components.md)
- **Layout**
### Navigasyon
[📖 Detaylı Kullanım Kılavuzu](./docs/navigation.md)
- **Menu**
- **Pagination**
- **Steps**
## 📄 Lisans
Bu proje [MIT Lisansı](LICENSE) altında lisanslanmıştır.
## 👨💻 Geliştirici
**Kaan ÇETİN**
- GitHub: [@kaancetin-f](https://github.com/kaancetin-f)
- NPM: [ar-design](https://www.npmjs.com/package/ar-design)
## 🤝 Katkıda Bulunma
1. Bu repository'yi fork edin
2. Feature branch oluşturun (`git checkout -b feature/amazing-feature`)
3. Değişikliklerinizi commit edin (`git commit -m 'Add some amazing feature'`)
4. Branch'inizi push edin (`git push origin feature/amazing-feature`)
5. Pull Request oluşturun
## 🐛 Hata Bildirimi
Hata bildirimi için [GitHub Issues](https://github.com/kaancetin-f/ar-design/issues) sayfasını kullanın.
## 📞 Destek
Sorularınız için:
- GitHub Issues: [Issues](https://github.com/kaancetin-f/ar-design/issues)
---
⭐ Bu projeyi beğendiyseniz yıldız vermeyi unutmayın!