══════════════════════════════════════════════════ ═════
SAPIRA
Sonsuz Hologram Sarmalı
══════════════════════════════════════════════════ ═════
📌 NEDİR?
Sapira, 150'den fazla özlü sözü holografik 3D deneyimle sunan,
sonsuz kaydırma tabanlı interaktif bir bilgelik platformudur.
Instagram/TikTok'ta özlü söz paylaşan kullanıcılar için
ücretsiz, reklamsız, tamamen tarayıcı tabanlı çözüm.
══════════════════════════════════════════════════ ═════
✨ ÖNE ÇIKAN ÖZELLİKLER
══════════════════════════════════════════════════ ═════
▸ 🎨 5 Dinamik Neon Tema
Her kart geçişinde renk paleti otomatik evrim geçirir.
Altın, Cyan, Mor, Zümrüt, Gül — her biri GPU hızlandırmalı.
▸ 🖱️ 3D Mouse Tilt (Parallax)
Aktif kart mouse hareketine göre 3D döner.
Premium his, derinlik algısı.
▸ 📱 Mobil Optimize — Momentumlu Swipe
Dokunmatik kaydırma fizik motoru ile hissedilir.
60 FPS, GPU render.
▸ ⚡ Canvas 2D Parçacık Sistemi
Dinamik arka plan, mouse'u takip eden parçacıklar.
Her tema rengine göre parçacık renkleri değişir.
▸ 🔄 Sonsuz Döngü
Sondan başa, baştan sona sarma yok.
150 kart, karıştırılmış, tekrarsız deneyim.
▸ 💎 Pure HTML5 + CSS3 + Vanilla JS
Sıfır dış bağımlılık. Sıfır framework.
45KB toplam. Lighthouse 95+ performans skoru.
══════════════════════════════════════════════════ ═════
🛠️ TEKNOLOJİ STACK
══════════════════════════════════════════════════ ═════
▸ Canvas 2D Parçacık Sistemi (GPU hızlandırmalı)
▸ CSS 3D Transforms + Backdrop-Filter (Glassmorphism)
▸ Spring Physics Animations (cubic-bezier)
▸ SVG Inline OG Image (dosya yok, base64)
▸ Schema.org JSON-LD (SEO optimize)
▸ Intersection Observer (lazy render)
▸ requestAnimationFrame throttle (30fps canvas)
══════════════════════════════════════════════════ ═════
🎯 KİMLER İÇİN?
══════════════════════════════════════════════════ ═════
✓ Instagram/TikTok özlü söz sayfaları — içerik kaynağı
✓ Motivasyon hesapları — günlük paylaşım kaynağı
✓ Blog yazarları — gömülü widget olarak kullanılabilir
✓ Kişisel gelişim platformları — referans aracı
══════════════════════════════════════════════════ ═════
💰 FİYATLANDIRMA
══════════════════════════════════════════════════ ═════
ÜCRETSİZ. REKLAMSIZ. SINIRSIZ.
Gelecekte:
• Pro versiyon: Kendi sözlerini ekle, kendi temanı oluştur
• API: JSON export, embed widget
• White-label: Kendi markanla kullan
══════════════════════════════════════════════════ ═════
🔗 LİNK
══════════════════════════════════════════════════ ═════
🌐 Canlı Demo:
https://yusuf-tasci-e1ab7.web.app/so...ra/sapira.html
👤 Geliştirici: Yusuf Taşçı
🏢 Marka: TRCODEART
📧 İletişim: [uchuchteam@gmail.com]
══════════════════════════════════════════════════ ═════
📸 EKRAN GÖRÜNTÜLERİ
══════════════════════════════════════════════════ ═════
HTML olarak indir
══════════════════════════════════════════════════ ═════
🙏 DESTEK
══════════════════════════════════════════════════ ═════
Beğendiyseniz yıldız verin, paylaşın, yorum yapın.
Her geri bildirim bir sonraki projeyi daha iyi yapar.
#Sapira #ÖzlüSözler #Bilgelik #Frontend #TRCODEART
SAPIRA
Sonsuz Hologram Sarmalı
══════════════════════════════════════════════════ ═════
📌 NEDİR?
Sapira, 150'den fazla özlü sözü holografik 3D deneyimle sunan,
sonsuz kaydırma tabanlı interaktif bir bilgelik platformudur.
Instagram/TikTok'ta özlü söz paylaşan kullanıcılar için
ücretsiz, reklamsız, tamamen tarayıcı tabanlı çözüm.
══════════════════════════════════════════════════ ═════
✨ ÖNE ÇIKAN ÖZELLİKLER
══════════════════════════════════════════════════ ═════
▸ 🎨 5 Dinamik Neon Tema
Her kart geçişinde renk paleti otomatik evrim geçirir.
Altın, Cyan, Mor, Zümrüt, Gül — her biri GPU hızlandırmalı.
▸ 🖱️ 3D Mouse Tilt (Parallax)
Aktif kart mouse hareketine göre 3D döner.
Premium his, derinlik algısı.
▸ 📱 Mobil Optimize — Momentumlu Swipe
Dokunmatik kaydırma fizik motoru ile hissedilir.
60 FPS, GPU render.
▸ ⚡ Canvas 2D Parçacık Sistemi
Dinamik arka plan, mouse'u takip eden parçacıklar.
Her tema rengine göre parçacık renkleri değişir.
▸ 🔄 Sonsuz Döngü
Sondan başa, baştan sona sarma yok.
150 kart, karıştırılmış, tekrarsız deneyim.
▸ 💎 Pure HTML5 + CSS3 + Vanilla JS
Sıfır dış bağımlılık. Sıfır framework.
45KB toplam. Lighthouse 95+ performans skoru.
══════════════════════════════════════════════════ ═════
🛠️ TEKNOLOJİ STACK
══════════════════════════════════════════════════ ═════
▸ Canvas 2D Parçacık Sistemi (GPU hızlandırmalı)
▸ CSS 3D Transforms + Backdrop-Filter (Glassmorphism)
▸ Spring Physics Animations (cubic-bezier)
▸ SVG Inline OG Image (dosya yok, base64)
▸ Schema.org JSON-LD (SEO optimize)
▸ Intersection Observer (lazy render)
▸ requestAnimationFrame throttle (30fps canvas)
══════════════════════════════════════════════════ ═════
🎯 KİMLER İÇİN?
══════════════════════════════════════════════════ ═════
✓ Instagram/TikTok özlü söz sayfaları — içerik kaynağı
✓ Motivasyon hesapları — günlük paylaşım kaynağı
✓ Blog yazarları — gömülü widget olarak kullanılabilir
✓ Kişisel gelişim platformları — referans aracı
══════════════════════════════════════════════════ ═════
💰 FİYATLANDIRMA
══════════════════════════════════════════════════ ═════
ÜCRETSİZ. REKLAMSIZ. SINIRSIZ.
Gelecekte:
• Pro versiyon: Kendi sözlerini ekle, kendi temanı oluştur
• API: JSON export, embed widget
• White-label: Kendi markanla kullan
══════════════════════════════════════════════════ ═════
🔗 LİNK
══════════════════════════════════════════════════ ═════
🌐 Canlı Demo:
https://yusuf-tasci-e1ab7.web.app/so...ra/sapira.html
👤 Geliştirici: Yusuf Taşçı
🏢 Marka: TRCODEART
📧 İletişim: [uchuchteam@gmail.com]
══════════════════════════════════════════════════ ═════
📸 EKRAN GÖRÜNTÜLERİ
══════════════════════════════════════════════════ ═════
HTML olarak indir
══════════════════════════════════════════════════ ═════
🙏 DESTEK
══════════════════════════════════════════════════ ═════
Beğendiyseniz yıldız verin, paylaşın, yorum yapın.
Her geri bildirim bir sonraki projeyi daha iyi yapar.
#Sapira #ÖzlüSözler #Bilgelik #Frontend #TRCODEART
