nonamecartoon 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +47 -8
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
- 🎭 **68+ Benzersiz Bileşen** - Core, Layout, Manga, Social, Advanced
|
|
12
12
|
- 🎨 **76 Cartoon İkon** - Animasyonlu ToonIcon sistemi
|
|
13
|
+
- 🖼️ **9 AI Pattern** - Profesyonel profil arka planları (v0.2.0)
|
|
13
14
|
- 🌙 **Dark/Light Tema** - Sistem teması desteği
|
|
14
15
|
- 📱 **Responsive** - Mobil-first tasarım
|
|
15
16
|
- 🔧 **TypeScript** - Tam tip desteği
|
|
16
|
-
- 🎯 **Türkçe Lokalizasyon** - DatePicker, hata mesajları
|
|
17
17
|
|
|
18
18
|
## 📦 Kurulum
|
|
19
19
|
|
|
@@ -24,8 +24,8 @@ npm install nonamecartoon
|
|
|
24
24
|
## ⚡ Hızlı Başlangıç
|
|
25
25
|
|
|
26
26
|
```tsx
|
|
27
|
-
import { ThemeProvider, Button, MangaCard,
|
|
28
|
-
import 'nonamecartoon/dist/
|
|
27
|
+
import { ThemeProvider, Button, MangaCard, AIPattern } from 'nonamecartoon'
|
|
28
|
+
import 'nonamecartoon/dist/nonamecartoon.css'
|
|
29
29
|
|
|
30
30
|
function App() {
|
|
31
31
|
return (
|
|
@@ -41,6 +41,46 @@ function App() {
|
|
|
41
41
|
}
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
+
## 🖼️ AI Pattern (v0.2.0)
|
|
45
|
+
|
|
46
|
+
Profil arka planları için AI üretimi seamless pattern'ler:
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
import { AIPattern } from 'nonamecartoon'
|
|
50
|
+
|
|
51
|
+
<AIPattern
|
|
52
|
+
theme="cyberpunk-manga"
|
|
53
|
+
tileSize={400}
|
|
54
|
+
opacity={1}
|
|
55
|
+
/>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### Mevcut Temalar
|
|
59
|
+
|
|
60
|
+
| Tema | Kategori | Açıklama |
|
|
61
|
+
|------|----------|----------|
|
|
62
|
+
| `boho-celestial` | Estetik | Güneş, ay, kaktüs, mistik semboller |
|
|
63
|
+
| `retro-scifi` | Estetik | 50s UFO, uzaylılar, roketler |
|
|
64
|
+
| `cyberpunk-manga` | Anime | Neon glitch, anime gözleri |
|
|
65
|
+
| `winter-nordic` | Mevsimsel | Geyik, çam ağacı, İskandinav desenleri |
|
|
66
|
+
| `gothic-apothecary` | Estetik | Güveler, kafatasları, vintage ilaç şişeleri |
|
|
67
|
+
| `kawaii-food` | Anime | Sevimli sushi, ramen, boba çay |
|
|
68
|
+
| `ocean-waves` | Doğa | Kanagawa tarzı Japon dalgaları |
|
|
69
|
+
| `gaming-retro` | Gaming | Pixel art, arcade, 8-bit nostalji |
|
|
70
|
+
| `tropical-paradise` | Doğa | Tropikal kuşlar, çiçekler |
|
|
71
|
+
|
|
72
|
+
### AIPattern Props
|
|
73
|
+
|
|
74
|
+
| Prop | Type | Default | Açıklama |
|
|
75
|
+
|------|------|---------|----------|
|
|
76
|
+
| `theme` | PatternTheme | required | Tema seçimi |
|
|
77
|
+
| `tileSize` | number | 400 | Tile boyutu (px) |
|
|
78
|
+
| `opacity` | number | 1 | Opaklık (0-1) |
|
|
79
|
+
| `colorFilter` | string | 'none' | 'sepia' \| 'grayscale' \| 'saturate' |
|
|
80
|
+
| `blur` | number | 0 | Blur efekti (px) |
|
|
81
|
+
| `overlayColor` | string | - | Overlay rengi (rgba) |
|
|
82
|
+
| `parallax` | boolean | false | Parallax efekti |
|
|
83
|
+
|
|
44
84
|
## 📚 Bileşenler
|
|
45
85
|
|
|
46
86
|
### Core (12)
|
|
@@ -67,6 +107,9 @@ UserCard • FollowButton • NotificationBadge • ActivityFeed • AvatarFrame
|
|
|
67
107
|
### Advanced (8)
|
|
68
108
|
Lightbox • InfiniteScroll • ImageGallery • ColorPicker • SearchSuggestions • DatePicker • Carousel • CommandPalette
|
|
69
109
|
|
|
110
|
+
### Patterns (1)
|
|
111
|
+
AIPattern
|
|
112
|
+
|
|
70
113
|
## 🎭 ToonIcon
|
|
71
114
|
|
|
72
115
|
```tsx
|
|
@@ -75,7 +118,7 @@ import { ToonIcon } from 'nonamecartoon'
|
|
|
75
118
|
<ToonIcon name="manga" size="lg" animation="bounce" />
|
|
76
119
|
```
|
|
77
120
|
|
|
78
|
-
76 ikon: home, search, manga, chapter, heart, star, bookmark, comment, share, download, user, settings, bell, eye, clock, edit, trash, plus, check, x, arrow-*, chevron-*
|
|
121
|
+
76 ikon: home, search, manga, chapter, heart, star, bookmark, comment, share, download, user, settings, bell, eye, clock, edit, trash, plus, check, x, arrow-*, chevron-*
|
|
79
122
|
|
|
80
123
|
## 🎨 Tema
|
|
81
124
|
|
|
@@ -90,10 +133,6 @@ CSS değişkenleri ile özelleştirme:
|
|
|
90
133
|
--cartoon-font-heading: 'Bangers', cursive;
|
|
91
134
|
```
|
|
92
135
|
|
|
93
|
-
## 📖 Dokümantasyon
|
|
94
|
-
|
|
95
|
-
Detaylı kullanım için: [docs/README.md](./docs/README.md)
|
|
96
|
-
|
|
97
136
|
## 📄 Lisans
|
|
98
137
|
|
|
99
138
|
MIT © 2026
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nonamecartoon",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Cartoon/Comic-book style React UI library with AI-powered patterns for manga websites",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/nonamecartoon.umd.cjs",
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
"./styles": "./dist/style.css"
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
18
|
-
"dist"
|
|
18
|
+
"dist",
|
|
19
|
+
"README.md"
|
|
19
20
|
],
|
|
20
21
|
"sideEffects": [
|
|
21
22
|
"**/*.css"
|