Aceternity UI
Aceternity UIaceternity.comnext.jsnextjsreactreactjsframer motiontailwind csstailwindcssshadcn/uiui componentsui bileşenlerianimated componentsanimasyonlu bileşenlerweb developmentweb geliştirmefront-endön yüz geliştirmeui effectsui efektleriopen sourceaçık kaynakfree componentsücretsiz bileşenlerweb designweb tasarımlanding pageaçılış sayfasıdeveloper toolsgeliştirici araçlarıweb projectweb projesicode snippetkod parçacığıtasarım
Aceternity UI, Next.js ve Tailwind CSS projelerinde kullanabileceğiniz, animasyonlu kullanıcı arayüzü bileşenlerinden oluşan bir koleksiyondur. 🪄
Bileşenler doğrudan kopyalanıp yapıştırılarak projelere eklenebilir. Bu, hızlı ve kolay entegrasyon sağlar. 🚀
Site, animasyonlu kullanıcı arayüzü efektleri için shadcn/ui'nin sihirli versiyonu olarak tanımlanmaktadır. ✨
Kullanıma hazır bu bileşenler, web siteleriniz için etkileyici görsel efektler oluşturmanıza olanak tanır. 🎨
Koleksiyon, özellikle açılış sayfaları tasarlamak için uygundur. Bu, tasarım sürecinizi hızlandırır. ⏱️
Sitedeki her bileşen, animasyonları için Framer Motion ile entegre edilmiştir. Bu, akıcı ve etkileşimli animasyonlar sağlar. 🌀
Nasıl Kullanılır?
- 1. Bir Next.js projesi oluşturun.
- 2. Gerekli bağımlılıkları yükleyin.
- 3. Aceternity UI bileşenlerini projenize ekleyin.
- 4. Bileşenlerin kodunu kopyalayın.
- 5. Kopyaladığınız kodu projenize yapıştırın.
- 6. Bileşen ayarlarını projenize göre yapılandırın.
- 7. Çalıştırdığınız projede bileşenleri görüntüleyin.
Özellikler
- Kopyala-Yapıştır Bileşenler
- Framer Motion Entegrasyonu
- Next.js ve Tailwind CSS Uyumu
- Hazır Animasyon Efektleri
- Açılış Sayfaları için İdeal Tasarımlar
- Etkileyici Görsel Efektler
- Zaman Kazandıran Geliştirme Süreci