eleventy
Dosyaları, minimum kurulum ve maksimum özelleştirme ile hızlı yüklenen bir web sitesine dönüştüren verimli bir statik site oluşturucu.
Olağanüstü UI yolculuğunuz burada başlıyor
Geliştiriciler için özenle seçilmiş en iyi UI çatılarını, kütüphanelerini ve derleme araçlarını keşfedin. UI fikirlerinizi hayata geçirmek için gereken araçları bulun.
100 kaynak
Alpine.js
Davranışı doğrudan biçimlendirmenizde tanımlamanızı sağlayan sağlam ve minimal bir çatı.
Angular
Bu çatı, dinamik ve ölçeklenebilir web uygulamaları oluşturmak için güçlü bir çözüm sunar. Geniş özellik yelpazesi, uygulama geliştirmeye esnek ama yapılandırılmış bir yaklaşım arayan geliştiricilerin ihtiyaçlarını karşılar.
anime.js
Bu animasyon kitaplığı, esnekliği kullanım kolaylığıyla birleştirerek web uygulamaları için ilgi çekici animasyonlar oluşturmayı kolaylaştırır.
ArkUI
Bu açık kaynaklı UI çözümü, çeşitli görsel stillere ve erişilebilirlik standartlarına uyarlanabilen özelleştirilebilir bileşenlerle gelişmiş tasarım sistemleri oluşturmayı sağlar.
Astro
Bu web çerçevesi, az kaynak kullanımı ve yüksek performansla hızlı, içerik odaklı web siteleri oluşturmak isteyen geliştiricilere yöneliktir.
AutoAnimate
Etkileyici animasyonlarla web uygulamalarınızı zahmetsizce geliştirin.
ChakraUI
Kullanımı kolay ve yüksek ölçüde özelleştirilebilir temel bileşenlerden oluşan kapsamlı bir setle erişilebilir web uygulamalarını hızlı ve verimli şekilde oluşturun.
cmdk
Bu bileşen, kullanıcı deneyimine ve geliştirici esnekliğine odaklanan kapsamlı bir React komut menüsü çözümü sunar.
Corset
JavaScript'i karmaşıklığa boğmadan bağlayan reaktif bir yaklaşımla HTML'inizi geliştirin.
daisyUI
Bu araç, geliştirme sürecini kolaylaştıran anlamsal sınıf adları sunarak geliştiricilerin güzel kullanıcı arayüzlerini hızlı ve verimli bir şekilde oluşturmasını sağlar.
dndkit
Geliştiricilerin React uygulamalarına sürükle ve bırak işlevini kolayca eklemesini sağlayan bir araç seti.
Docusaurus
İçeriğe ve kullanılabilirliğe odaklanarak kolayca dokümantasyon siteleri oluşturmaya yardımcı olan bir proje.
Electron
Geliştiricilerin mevcut becerilerinden yararlanmasını sağlarken kullanıcılara yerel uygulamalara benzer bir deneyim sunan, web teknolojileriyle masaüstü uygulamaları oluşturmayı kolaylaştıran bir çerçeve.
emotion
Yaratıcılığı ve verimliliği ön planda tutan, JavaScript'te stil yazmanın yeni bir yolunu deneyimleyin.
Enhance
Bu çözüm, geliştiricilerin HTML odaklı bir geliştirme yaklaşımından yararlanmasını sağlayarak üretkenliği ve uygulama performansını artırır, oluşturma ve dağıtım süreçlerini kolaylaştırır.
esbuild
Bu araç, JavaScript uygulamalarını paketleme ve küçültme sürecini önemli ölçüde hızlandırmak için tasarlanmıştır; geliştiricilerin daha verimli çalışmasını sağlar.
flowbite
Web projelerini duyarlı ve özelleştirilebilir UI bileşenleriyle geliştiren açık kaynaklı bir kütüphane.
Font Awesome
Çeşitli uygulamalara sorunsuzca entegre edilebilen, görsel dokunuşlarla kullanıcı deneyimini zenginleştiren çok yönlü bir ikon koleksiyonu.
Framer Motion
React uygulamalarınızda minimum çabayla etkileyici animasyonlar oluşturmanızı sağlayan güçlü bir araç.
Glaze
Minimum kodla animasyon oluşturmak için GSAP üzerine kurulu, yardımcı sınıf tabanlı bir animasyon framework'ü.
GSAP
Bu animasyon aracı, standart geçişlerin ötesine geçerek kullanıcı deneyimini iyileştiren ilgi çekici animasyonlar ve etkileşimler oluşturmanızı kolayca sağlar.
HeadlessUI
Modern tasarım sistemleriyle zahmetsizce çalışacak şekilde tasarlanmış, erişilebilir UI bileşen koleksiyonu.
Heroicons
Web projelerinizi estetik görsellerle zenginleştirmek için özenle hazırlanmış SVG simgelerinden oluşan bir koleksiyon.
Hybrids
Bu çatı, geliştiricilerin bildirimsel ve işlevsel programlama tekniklerini bir arada kullanarak verimli ve sürdürülebilir web uygulamaları ile bileşenler oluşturmasını sağlar.
Inertia.js
Bu çözüm, geleneksel sunucu tarafında oluşturulan uygulamaların sadeliğini korurken modern istemci tarafı tekniklerini benimseyen yaklaşımıyla modern web uygulamalarının geliştirilmesini kolaylaştırır.
Ionicons
Uygulama ihtiyaçlarınıza uygun, güzel tasarlanmış simgeler için harika bir kaynak.
Jotai
React uygulamalarında durumu yönetmek için atomik bir yaklaşım kullanan, güçlü ama hafif bir durum yönetimi çözümü.
Legend State
Bu güçlü kütüphane, uygulamalarınızda durum yönetimini kolaylaştırarak karmaşık verileri zahmetsizce yönetmenizi sağlar.
Lit
Web bileşenlerini verimli ve etkili bir şekilde oluşturmak için basit ama güçlü bir araç.
Livewire
Güçlü PHP yeteneklerini dinamik kullanıcı arayüzleriyle birleştirerek modern web uygulamaları geliştirmenin çığır açan bir yolu.
Lucide
Modern web uygulamaları için ideal, güzel ve tutarlı simgelerden oluşan bir koleksiyon.
MagicUI
Web projelerinizi geliştirmek ve tasarım sürecinizi kolaylaştırmak için güzel tasarlanmış, çok yönlü bir bileşen koleksiyonu.
Mantine
Erişilebilir ve duyarlı kullanıcı arayüzlerini hızlı ve verimli biçimde geliştirmek için kapsamlı bir çözüm.
Master CSS
Bu yenilikçi ürün, CSS yazma ve uygulama biçimini dönüştürerek etkili web tasarımı ve geliştirme için sadeliği performansla birleştirir.
MobX-State-Tree
Değiştirilebilir durum yönetimine yapılandırılmış bir yaklaşım sunarak bu süreci kolaylaştıran, kapsamlı özelliklere sahip bir kütüphane.
MobX
Bu durum yönetimi çözümü, uygulamalarınıza dinamik verileri sorunsuzca entegre etmenizi ve değişikliklere zahmetsizce uyum sağlamanızı sağlar.
Motion One
Yerel tarayıcı API'leri üzerine kurulu, yüksek performans ve küçük dosya boyutu sunan modern bir web animasyon kütüphanesi.
MaterialUI
Bu ürün, esneklik ve tasarım standartlarına bağlılığa odaklanarak React'te kullanıcı arayüzleri oluşturmak için kapsamlı bir araç seti sunar.
Next.js
Geliştirici verimliliğini artıran zengin özelliklere sahip, eşzamansız ve dinamik web uygulamaları oluşturmak için güçlü bir çözüm.
Nue
Bu yenilikçi platform, tasarım ve geliştirmeyi daha sezgisel biçimde bir araya getirerek kullanıcı deneyimlerinin oluşturulma şeklini yeniden tanımlar; geliştiricilerin geleneksel iş yükü olmadan olağanüstü kullanıcı deneyimleri oluşturmaya odaklanmasını sağlar.
nuqs
Durumun kalıcı olmasını ve eşitlenmesini sağlamak için URL sorgu dizgesini kullanarak Next.js uygulama durumunu zahmetsizce yönetin.
NuxtUI
Modern web uygulamalarının geliştirilmesini kolaylaştırmak, geliştiricilerin hızını ve esnekliğini artırmak için tasarlanmış kapsamlı ve özelleştirilebilir bileşen koleksiyonu.
Panda CSS
Statik üretim ve tür güvenliğiyle gelişmiş biçimlendirme olanakları sunmak için tasarlanmış modern bir CSS-in-JS kütüphanesi.
Preact
Modern işlevselliği ve küçük boyutunu koruyan, verimli web geliştirme için React'e hızlı bir alternatif.
PrimeVue
Vue.js uygulamalarını kolayca ve verimli biçimde oluşturmak için tasarlanmış, zengin bir açık kaynaklı UI bileşen koleksiyonu.
Qwik
Performans ve etkileşime öncelik veren, anında açılan web uygulamaları oluşturmak için modern bir çerçeve.
Radix Primitives
Yüksek kaliteli web uygulamaları ve tasarım sistemleri için stilsiz, erişilebilir, açık kaynaklı React yapı taşları.
Radix Vue
Tasarım sistemleri oluşturmak için özelleştirilebilir ve erişilebilir UI bileşenleri sunan, resmî olmayan bir Vue uyarlaması.
React Aria
Bu kütüphane, geliştiricilerin kullanıcı etkileşimlerine ve ortam koşullarına uyum sağlayan, son derece erişilebilir ve özelleştirilebilir bileşenler oluşturmasına olanak tanır.
React DnD
Bu kütüphane, tarayıcı API'lerinin ayrıntılarıyla uğraşmadan React uygulamalarına sürükle ve bırak özellikleri eklemenin verimli bir yolunu sunar.
React Hook Form
React uygulamalarındaki formları yönetme sürecini performans ve kullanılabilirliğe odaklanarak kolaylaştıran güçlü bir form yönetimi kütüphanesi.
React Router
React uygulamalarındaki yönlendirme ve gezinmeyi yönetmek için geliştirici verimliliğini ve uygulama performansını artıran temel bir araç.
React Spectrum
Daha geniş bir ekosistemle sorunsuz biçimde bütünleşecek şekilde tasarlanmış, tutarlı ve erişilebilir kullanıcı deneyimleri oluşturmaya yönelik araç ve kütüphane paketi.
React Spring
Bu animasyon çözümü, her arayüze canlılık katan akıcı ve yüksek performanslı geçişler sunarak kullanıcı deneyimini sorunsuzca iyileştirir.
React Three Fiber
Web'de etkileşimli 3D deneyimler oluşturmak için tasarlanan bu çözüm, dinamik işleme ve görüntüleme için geliştiricilerin React'in işlevlerinden Three.js ile birlikte yararlanmasını sağlar.
uikit
Geliştiricilerin etkileşimli ve ilgi çekici 3D arayüzleri kolayca oluşturması için tasarlanmış bir araç seti.
React
Bu araç, bileşen tabanlı bir mimari kullanarak etkileşimli kullanıcı arayüzleri geliştirmeyi kolaylaştırır.
Redux Toolkit
Uygulamaların öngörülebilir ve kolayca sürdürülebilir olmasını sağlayan, Redux geliştirme sürecini kolaylaştırıp iyileştirmek üzere tasarlanmış kapsamlı bir araç seti.
RedwoodJS
Esnekliği ve kurulum ile bakımdaki kolaylığı ön planda tutan, ölçeklenebilir web uygulamaları geliştirmek için güçlü bir çözüm.
Refine
Bu güçlü React çatısı, geliştiricilerin temel işlevleri tekrar tekrar kodlamak yerine özellik oluşturmaya odaklanmasını sağlayarak dahili araçların ve yönetim panolarının oluşturulmasını kolaylaştırır.
Remix
Bu çatı, geliştiricilerin erişilebilirliğe ve geliştirici deneyimine odaklanarak hızlı ve modern web uygulamaları oluşturmasını sağlar.
Rollup
Bu araç, bağımlılıkları verimli bir şekilde yönetip kodu hızlı teslimat için optimize ederek geliştirme sürecini kolaylaştırır.
Sal
Bu kütüphane, öğeler görünür alana girdiğinde tetiklenen akıcı kaydırma animasyonlarıyla web uygulamalarınızı geliştirmenizi sağlar.
shadcn/ui
Uygulamalarınıza hızla entegre edebileceğiniz güçlü bir UI bileşenleri koleksiyonu; görünümü ve işlevselliği geliştirir.
shadcn-vue
Modern web uygulamaları için özel olarak tasarlanmış, görsel açıdan etkileyici ve erişilebilir bileşen kütüphaneleri oluşturmaya yönelik çok yönlü bir araç.
Shiki
Performansa ve özelleştirmeye önem veren geliştiriciler için tasarlanmış gelişmiş bir sözdizimi vurgulama çözümü.
Skeleton
Modern web uygulamalarının geliştirilmesini kolaylaştıran uyarlanabilir ve erişilebilir bir araç seti.
solid-ui
Modern web uygulamaları için özel olarak tasarlanmış, zengin ve özelleştirilebilir UI bileşenleri sunan bir kütüphane. Kullanıcı dostu arayüzlerle projelerini geliştirmek isteyen geliştiriciler için idealdir.
Solid
Bu kütüphane, modern ve reaktif bir yaklaşımla yüksek performanslı kullanıcı arayüzleri oluşturmak isteyen geliştiricilere yöneliktir.
SparkUI
Modern web geliştirme için tasarlanmış kapsamlı animasyonlu bileşen koleksiyonuyla animasyonlu web sitelerini 10 kat daha hızlı oluşturun.
Stencil
Geliştiricilerin yüksek performanslı, yeniden kullanılabilir bileşen kütüphanelerini kolayca oluşturmasını sağlayan bir kütüphane.
styled-components
Bileşenlerinizi kolayca biçimlendirmek için JavaScript içinde CSS kullanmanızı sağlayan güçlü bir kütüphane.
StyleX
Bu kütüphane, verimlilik ve bakım kolaylığı sağlamak için atomik stiller kullanarak web uygulamalarını biçimlendirmeye yönelik sadeleştirilmiş bir yaklaşım sunar.
supastarter
SaaS uygulamalarını hızla oluşturup ölçeklendirmek için tasarlanmış, temel araçları ve özellikleri içeren kapsamlı bir başlangıç kiti.
SvelteKit
Zarif, bileşen tabanlı yaklaşımıyla web uygulamalarının geliştirilmesini hızlandırmak için tasarlanmış güçlü bir çerçeve.
Svelte
Son derece optimize edilmiş JavaScript'e derleyerek geliştiricilerin web uygulamaları oluşturma biçimini değiştiren modern bir framework.
TanStack Table
Uygulamalarınızda karmaşık veri gösterimleri oluşturup yönetmek için benzersiz özelleştirme ve kontrol olanağı sunan güçlü bir çözüm.
Tailwind Motion
Performans ve erişilebilirliğe odaklanan, UI uygulamalarını hareket efektleriyle zenginleştiren yeni ve basit sözdizimli bir animasyon kütüphanesi.
Tailwind CSS
İşaretlemenizde her türlü tasarımı oluşturmak için sınıflarla donatılmış, yardımcı sınıf öncelikli bir CSS framework'ü. HTML'yi düzenli ve sürdürülebilir tutarken modern web sitelerini hızla oluşturmanızı sağlar.
Tamagui
Bu kütüphane, React ve React Native'de kullanıcı arayüzleri oluşturmak için verimliliği esneklikle birleştiren güçlü bir çözümdür.
TanStack Query
Bu araç, uygulamalarınızdaki eşzamansız verileri işleme biçiminizi dönüştürür; geliştirici ve kullanıcı deneyimini iyileştiren bildirimsel ve otomatik bir çözüm sunar.
TanStack Router
Özellikle tür güvenliği ve verimli veri yönetimi alanlarında uzmanlaşmış, React için tasarlanmış modern ve ölçeklenebilir bir yönlendirme kitaplığı.
Tauri
Web teknolojilerini kullanarak masaüstü cihazlarda çalışan küçük, hızlı ve güvenli uygulamalar geliştirin.
Tiptap
Bu güçlü framework, geliştiricilerin kapsamlı özelliklere sahip özel editörler oluşturmasını ve gerçek zamanlı özellikler ile AI entegrasyonu sayesinde sorunsuz bir kullanıcı deneyimi sunmasını sağlar.
UnoCSS
Geliştiricilerin geleneksel CSS çatılarının olağan kısıtlamaları olmadan hızlıca tasarımlar oluşturmasını sağlayan güçlü ve özelleştirilebilir bir motor.
usehooks-ts
Geliştirme sürecinizi kolaylaştıran, uygulamalarınızda güçlü tipleme ve verimlilik sağlayan kullanıma hazır çözümler sunan bir React hook koleksiyonu.
valtio
Bu kütüphane, proxy tabanlı durum yönetimini modern uygulamalar için basitleştirir; verimli işleme ve kolay durum düzenleme ile geliştirme deneyimini iyileştirir.
Vaul
React uygulamalarına sorunsuz entegrasyon için tasarlanmış, biçimlendirilmemiş bir çekmece bileşeni. Mobil cihazlardaki kullanıcı etkileşimlerini geliştirir.
Vite
Web uygulamaları oluşturmak için hızlı ve duyarlı bir ortam sunarak geliştirme iş akışınızı iyileştirmek üzere tasarlanmıştır.
Vue.js
Bu framework, küçük ve büyük ölçekli uygulamalar için güçlü özelliklerle kullanıcı arayüzleri oluşturmaya yönelik kolay öğrenilebilir bir çözüm sunar.
Vuetify
UI uygulamalarını Materyal Tasarım ilkeleriyle geliştiren, modern web geliştirmeye yönelik bir bileşen paketi sunan kapsamlı bir Vue.js bileşen kütüphanesi.
VueUse
Vue.js ile çalışmayı kolaylaştırıp üretkenliği artırmaya yönelik temel yardımcı araçlar koleksiyonu.
zag.js
Bu, uyarlanabilir ve erişilebilirlik standartlarına uygun UI bileşenleri oluşturmak için güçlü bir çözümdür. Yaygın UI kalıplarının arkasındaki mantığı durum makineleriyle kapsüller ve farklı çerçevelere kolay entegrasyon sağlar.
zustand
Sadelik ve performansa odaklanan, React uygulamalarında uygulama durumunu yönetmek için modern bir çözüm.
BaseUI
Stiller üzerinde tam kontrol sunan, erişilebilir ve yüksek ölçüde özelleştirilebilir arayüzler oluşturmak için başlıksız, biçimlendirilmemiş React bileşenleri.
TanStack DB
Tutarlı kullanıcı arayüzleri ve gerçek zamanlı senkronizasyon için milisaniyenin altında çalışan canlı sorgulara ve iyimser mutasyonlara sahip reaktif istemci deposu.
TanStack Form
Karmaşık formlar oluşturmak için şemadan bağımsız doğrulama, ayrıntılı abonelikler ve kullanışlı API'ler sunan, başlıksız ve tür güvenli form durumu yönetimi.
TanStack Start
Tür güvenli yönlendirme, SSR, akış, sunucu işlevleri ve Vite destekli paketleme sunan; her yerde kullanıma hazır, React ve Solid için tam yığın meta çerçevesi.
TinyBase
CRDT'ler, sorgular, ayrıntılı dinleyiciler ve isteğe bağlı React hook'ları ile bileşenleri sunan, yerel öncelikli uygulamalar için reaktif, bellek içi veri deposu ve eşitleme motoru.
KickstartUI hakkında
KickstartUI, en iyi UI çatılarını, kütüphanelerini ve derleme araçlarını keşfetmeniz için başvuracağınız yerdir. Geliştiricilerin UI fikirlerini hayata geçirmelerine yardımcı olmak için birinci sınıf kaynakları özenle seçiyoruz. İster duyarlı bir web uygulaması oluşturun, ister bir mobil arayüz tasarlayın ya da etkileşimli bir prototip hazırlayın; platformumuz projelerinizi hızlandıracak ve kullanıcı deneyimlerini iyileştirecek temel araçları sunar. En yeni trendleri takip etmek, yeni olanaklar keşfetmek ve UI tasarımlarınızı geliştirmek için kapsamlı koleksiyonumuzu inceleyin. Bir sonraki projenize başlamaya hazır mısınız? Öne çıkan kaynaklarımıza göz atın veya ihtiyaçlarınıza uygun belirli araçları arayın.