19 En İyi Ücretsiz ve Premium VueJS Yönetici Şablonları 2021

En iyi ücretsiz ve premium VueJS yönetici şablonlarından oluşan bu koleksiyon, bütçeniz ne olursa olsun projeniz için mükemmel bir pano veya yönetici alanı oluşturmanıza yardımcı olacaktır.

Premium VueJS yönetici şablonları genellikle daha fazla sayfa, pencere öğesi, bileşen ve diğer özellikler içerse de, ücretsiz seçenekler yine de göz atmaya değer. Ücretsiz seçeneklerin çoğu, premium şablonlara kıyasla bazı alanlarda eksik olabilir, ancak yine de yararlı işlevler içerirler.

Projeniz için en iyi VueJS yönetici şablonunu ararken, paketlerde tam olarak hangi bileşenlerin ve widget'ların bulunduğunu görmek ve ardından gereksinimlerinizi karşılayıp karşılamadıklarını kontrol etmek iyi bir fikirdir. Şablonlara ekstra özellikler ekleyebilseniz de, gereksinimlerinizin çoğuna uyan bir paketle başlamak genellikle daha kolaydır.

Özellik listelerini kontrol etmenin yanı sıra, onu kısa listenize getiren tüm yönetici şablonlarının çevrimiçi demolarını da keşfetmeyi unutmayın. Bu, projeniz için doğru görünüme ve hislere sahip olup olmadıklarına karar vermenize ve farklı bileşenlerin gerçekte nasıl göründüğünü ortaya çıkarmanıza yardımcı olacaktır.

8 Ücretsiz VueJS Yönetici Şablonu

1. Vuetify

Vuetify, modern bir görünüm sağlamak için malzeme tasarım stilini kullanan ücretsiz VueJS yönetici şablonu.

Yayınlandığından bu yana 19 binin üzerinde indirme ile bu ücretsiz VueJS yönetici şablonu, popüler malzeme tasarımına dayanan şık bir görünüme sahiptir. Vuetify geliştiricilerine göre, bu yönetici şablonu, bu tür bir proje üzerinde çalışırken ihtiyacınız olan tüm temel bilgileri içerecek şekilde oluşturulmuştur. Bu pakette erişebileceğiniz, özenle seçilmiş ve optimize edilmiş eklentiler sayesinde, başlamak için ihtiyacınız olan her şeye sahip olmalısınız.

Vuetify'a dahil edilen 16 bileşen ve 2 özelleştirilmiş eklenti, hepsinin birbirine uymasını sağlamak için seçildi ve optimize edildi, yönetici sayfalarının temel parçaları gibi görünecek ve çalışacak şekilde göründüler. Vuetify için çevrimiçi demoyu kontrol ederseniz, tüm bileşene tek tip bir görünüm vermek için malzeme tasarım el kitabının takip edildiğini göreceksiniz.

Demo sayfalarında, günlük satış widget'ı, tamamlanan görevler grafiği, çalışan istatistikleri modülü ve diğer seçenekler gibi çeşitli bileşenleri çalışırken görebilirsiniz. Ücretsiz Vuetify yönetici şablon paketinde yedi örnek sayfa olduğundan, başlamak için yeterli miktarda önceden oluşturulmuş içeriğe sahip olmalısınız. Bundan sonra, bu örnek sayfaları kendi kreasyonlarınız için temel olarak kullanabilirsiniz. Alternatif olarak, Pro sürümüne yükseltebilir ve daha da fazla bileşenin, widget'ın ve şablonun kilidini açabilirsiniz.

Vuetify'ı kullanmak için temel JavaScript, Vue.js ve Vue Router bilgisine sahip olmanız tavsiye edilse de, bu yönetici şablonu, projenizde bu paketi kullanmaya başlamanıza ve başlamanıza yardımcı olacak talimatlarla birlikte gelir.

Daha Fazla Bilgi / Demo İndir

2. Vue Argon Kontrol Paneli

Vue Argon Dashboard, ücretsiz olarak indirebileceğiniz açık kaynaklı bir Bootstrap 4 VueJS yönetici şablonu.

Bu gösterge panosu, en iyi VueJS yönetici şablonları koleksiyonundaki en yeni seçeneklerden biridir ve bu nedenle tamamen modern ve güncel bir tasarıma sahiptir. Bootstrap 4 çerçevesi üzerine inşa edilen yönetici sayfalarınızla ilgili her şey, akıllı telefonlar, tabletler ve diğer küçük ekranlı cihazlarda erişilebilir olmalarını sağlamak için tamamen duyarlı olmalıdır.

Vue Argon Dashboard demosunu açarak bu yanıt verme düzeyini kendiniz test edebilirsiniz. Demoyu kontrol ederseniz, bu şablon paketinin iyi bir widget ve bileşen seçimine sahip olduğunu göreceksiniz. Erişebileceğiniz seçenekler arasında, uyarılar, rozetler ve düğmeler dahil olmak üzere yönetici sayfalarınıza ekleyebileceğiniz 100 el yapımı bulacaksınız. Bu şablonla sayfalarınızda formları, ilerleme çubuklarını ve sekmeleri de kullanabilirsiniz. Her bileşen için size aralarından seçim yapabileceğiniz bir dizi stil sunan birden fazla varyasyon vardır.

Bileşenlerin yanı sıra, bu ücretsiz VueJS yönetici şablonuna entegre edilmiş üç eklenti vardır. Bu sayede yönetici sayfalarınıza tarih seçiciler, çizelgeler ve kaydırıcılar ekleyebilirsiniz. Bu eklenti tarafından oluşturulan grafikler, şık çizgi grafiği de dahil olmak üzere özellikle dikkat çekicidir.

Pakette ayrıca yönetici alanınızın oturum açma ve kayıt sayfaları için şablonların yanı sıra bir kullanıcı profili sayfası şablonu da bulacaksınız. Bu, varsayılan gösterge tablosu şablonuna ek olduğundan, çalışmak için iyi miktarda önceden oluşturulmuş içerik elde edersiniz. Tüm bu şablonlar, projenizde nasıl kullanılabilecekleri konusunda size bir fikir vermek için Vue Argo Dashboard demosunda keşfedilebilir. Ücretsiz VueJS yönetici şablonlarının çoğu gibi, daha fazla şablon ve bileşen dahil olmak üzere daha fazla özelliğe ihtiyacınız varsa, gerektiğinde Vue Argon Dashboard'un Pro sürümüne yükseltebilirsiniz. Ancak, ücretsiz sürümün sunabileceği çok şey var.

Vue Argon Dashboard'daki tüm içerik, birinci sınıf görünümlü bir yönetici alanı oluşturmanıza yardımcı olmak için çok güzel bir şekilde tasarlanmıştır.

Daha Fazla Bilgi / Demo İndir

3. Xtreme Vuesax Yönetici Lite

Xtreme Vuesax Admin Lite, projenize yönetici sayfaları ve gösterge tabloları eklemek için şık bir şablon setidir.

Xtreme Vuesax Admin Lite'ın kullanımı ücretsiz olduğundan, bu koleksiyondaki en iyi premium VueJS yönetici şablonlarından aldığınız tüm özelliklere sahip değildir. Bununla birlikte, ücretli seçeneklere kıyasla özelliklerde eksik olsa da, tasarımı, ücretsiz ve ücretli paketler dahil olmak üzere bu türdeki en iyi şablonlarla orada.

Bu şablonları Xtreme Vuesax Admin Lite demo sitesinde çalışırken görebilirsiniz, ancak görünümleri hakkında size bir fikir vermek için tümü, yönetici alanlarınızın ve panolarınızın birinci sınıf olmasını sağlayacak popüler malzeme tasarımı stiline göre oluşturulmuştur. bak, ücretsiz bir dizi şablonla oluşturulmuş olmasına rağmen.

Xtreme Vuesax Admin Lite'ın grafikleri ve çizelgeleri özellikle iyi tasarlanmıştır, bu da bu şablon setini gösterge tablolarında bu tür içeriği görüntülemek isteyen herkes için iyi bir seçenek haline getirir. Premium bir VueJS yönetici paketiyle elde edeceğiniz çok sayıda UI bileşenini alamasanız da, Xtreme Vuesax Admin Lite, kullanmanız için hala 10 UI bileşenine sahiptir. Bu şablonlara entegre edilmiş dört kullanışlı eklenti de vardır.

Xtreme Vuesax Admin Lite'ı indirmek ücretsiz olsa da, yalnızca kişisel kullanım için uygundur ve içerik oluşturucudan herhangi bir destek yoktur. Ancak, Xtreme Vuesax Admin Lite'ın görünümünü beğendiyseniz ve onu ticari projeniz için kullanmak istiyorsanız, bu şekilde kullanılabilecek ve ayrıca çok daha kullanışlı özelliklere sahip ücretli bir sürümü mevcuttur.

Xtreme Vuesax Admin Lite, kullanımı ücretsiz VueJS yönetici şablonlarının başlangıç ​​setine harika bir örnektir.

Daha Fazla Bilgi / Demo İndir

4. Yıldız Admin Vue

Star Admin Vue, indirmesi ve kullanması ücretsiz olan bir Bootstrap yönetici şablonu setidir.

Star Admin Vue'u seçtiğinizde, geniş bir öğe, simge ve düğme koleksiyonuna erişebilirsiniz. Sadece bu değil, aynı zamanda projenizi başlatmak için bazı yararlı şablonlara da erişebilirsiniz. Star Admin Vue demosuna bir göz atarsanız, varsayılan şablonu kendiniz deneyimleyebilir ve kontrol panelinizin veya yönetici alanınızın nasıl görünebileceğini görebilirsiniz.

Varsayılan şablon, yönetici şablonları ve gösterge panoları için denenmiş ve test edilmiş biçimi izler. Bu sayede menü alanınız bir yan panelde görüntülenecek ve panonuza kullanıcılarınıza tanıdık bir görünüm kazandırılacaktır. Şablonlar çok sütunlu bir düzen kullandığından, sayfanızda çizelgeler, toplamlar ve projenizin temel ölçümlerini gösteren diğer öğeler dahil olmak üzere çok sayıda pencere öğesi ve bileşen görüntüleyebilirsiniz.

Sayfalarınıza tam genişlikte tablolar eklemek de kolaydır ve size verileri kullanıcılarınıza sunmanın başka bir yolunu sunar. Simgelerin ve diğer dekoratif öğelerin seçimi sayesinde, sayfalarınızı düğmeler, uyarılar ve diğer görsel öğelerle hızlı bir şekilde gösterebilirsiniz. Sayfalarınızı oluştururken, gösterge tablonuzu daha etkileşimli hale getirmek için kullanıcı profili, sosyal takipçiler ve etkinlik akışı seçenekleri gibi widget'lar ekleyebilirsiniz.

Gösterge tablonuzu veya yönetici alanınızı oluşturmanıza yardımcı olmak için Star Admin Vue, önceden oluşturulmuş bazı sayfalarla birlikte gelir. Bazı örnekler, kullanışlı bir oturum açma sayfası şablonu ve bir kayıt sayfası tasarımı içerir. Star Admin Vue ile sayfalarınıza başka formlar eklemek de kolaydır. Kontrol panelinizi oluşturmanıza yardımcı olmak için, bu ücretsiz yönetici şablonları seti, başlamak ve daha fazlası için ihtiyacınız olan tüm belgelerle birlikte gelir.

Bazı iyi UI bileşenleriyle Star Admin Vue, zengin özelliklere sahip bir pano oluşturmayı kolaylaştırır.

Daha Fazla Bilgi / Demo İndir

5. Vue Malzeme Panosu

Vue Material Dashboard, malzeme tasarımı el kitabı yönergeleri izlenerek oluşturulmuş başka bir ücretsiz VueJS yönetici şablonu.

Modern düz tasarım stili ile Vue Material Dashboard, yönetici sayfalarınızın kullanıcılarınızı evde hissettirecek tanıdık bir görünüme sahip olmasını sağlamalıdır. Yönetici sayfalarınızı kurarken, kenar çubuğu alanı için bir arka plan görüntüsü ayarlayarak, sayfalarınızın çeşitli öğelerine farklı renkler uygulayarak ve elbette hangi widget'ların ve bileşenlerin kullanılacağını tanımlayarak projenizin genel stilinde hızlı bir şekilde değişiklik yapabilirsiniz. kullanımda.

Bu pakete dahil olan bileşenlere gelince, aralarından seçim yapabileceğiniz 16 tane var. Bu nedenle, sayfalarınıza düz bir arka plana veya vurgulanmış satırlara sahip tablolar ekleyebilir, çeşitli malzeme tasarımı simgeleri kullanabilir ve gösterge tablonuza etkileşimli Google Haritalar yerleştirebilirsiniz. Eriştiğiniz simgeler söz konusu olduğunda, Font Awesome ve SVG varlıkları aracılığıyla sağlananlar gibi font tabanlı seçenekler de vardır. Simgeleri kullanırken, boyut ve rengi ayarlamak basittir.

Sayfalarınızda kullanabileceğiniz başka bir öğe, belirli ve belirsiz çubuklar, arabelleğe alma ilerlemesini görüntüleyebilen çubuklar ve birkaç başka seçenek dahil ilerleme çubukları aralığıdır. Döndürücüler de var, bu nedenle arka planda bir etkinliğin yüklendiğini veya gerçekleştiğini belirtmek istiyorsanız, bu popüler animasyon efektini kullanabilirsiniz. Diğer öğeler, sayfalarınıza tablolar, alt başlıklar, sekmeler ve araç ipuçları eklemenize izin verir ve bu ücretsiz yönetici şablonunun çevrimiçi demosu aracılığıyla erişilebilen Vue Material Dashboard belgelerinde kendiniz için mevcut tüm seçenekleri görebilirsiniz.

Yaklaşık bir yıl önce, bu yazının yazıldığı sırada piyasaya sürülen ve yakın zamanda güncellenen bu, yaratıcıları tarafından iyi korunmuş gibi görünen bir gösterge panosu paketidir.

Daha Fazla Bilgi / Demo İndir

6. Vue Öğesi Yöneticisi

Vue Element Admin, bugün mevcut olan en zengin özelliklere sahip ücretsiz VueJS yönetici şablonlarından biri olabilir.

Github üzerinden ücretsiz olarak indirilebilen Vue Element Admin, projenizin talep ettiği pano veya yönetici alanı türünü oluşturmanıza yardımcı olacak birçok özelliğe sahiptir. Zengin metin düzenleyici, Excel dosyalarını içe ve dışa aktarma özelliği ve clipboard.js desteği gibi bileşenler sayesinde bu şablonla yapabileceğiniz çok şey var.

Gösterge tablonuzun içinde çizelgeler ve grafikler biçimindeki verileri görüntülemek istiyorsanız, bu Vue Element Admin şablonuyla ilgili bir sorun değildir. Aslında bu, projeniz için bu şablonu seçmenin en önemli nedenlerinden biri olabilir. Grafik oluşturma seçeneklerinden biri, araç ipuçları, animasyonlu efektler ve birden çok veri kümesi desteği içeren bir tasarım içerir. Ayrıca şablonu, sağladığınız verilere dayalı olarak pasta grafikler, çubuk grafikler ve diğer seçenekleri oluşturacak şekilde ayarlayabilirsiniz.

Tablolar, bu şablonla panonuza ve yönetici alanlarınıza ekleyebileceğiniz başka bir bileşen türüdür. Kullanıcılar tarafından yeni konumlara sürüklenip bırakılabilen satırlara sahip tablolar üretmek gibi dinamik tablolar oluşturmak da mümkündür. Ayrıca satır içi düzenleme desteği sayesinde kullanıcı tarafından düzenlenebilen tablolar da ekleyebilirsiniz. Bu şablonun çevrimiçi demosunu kontrol ederseniz, gelişmiş sıralama ve filtreleme özelliklerine sahip karmaşık tablo seçeneği de dahil olmak üzere bu tabloları ve daha fazlasını kendiniz görebilirsiniz. PDF ve Zip dosyaları da dahil olmak üzere yönetici alanınıza dosya eklemek ve görüntülemek için iyi bir destek ve ayrıca yukarıda belirtilen Excel elektronik tablo desteği vardır. Hata sayfası şablonları, kullanıcı gösterge tablonuzu incelerken kullanışlı olmalıdır.

Vue Element Admin en şık görünüme sahip olmayabilir, ancak kesinlikle rekabetçi bir dizi özelliğe sahiptir.

Daha Fazla Bilgi / Demo İndir

7. Görsel

Vuestic, 36 öğe ve 18 sayfadan oluşan duyarlı ve ücretsiz bir VueJS yönetici şablonu.

Yönetici alanınız veya gösterge tablonuz için Vuestic şablonunu seçerseniz, sayfalarınıza güzel tasarlanmış bazı çizelgeler ve grafikler ekleyebilirsiniz. Grafiği görüntüleme seçeneklerinden biri, grafiğin temel aldığı verileri etkileşimli bir tablo biçiminde kolayca görüntülemenize de olanak tanır. Bu sayede, kullanıcılarınız grafiğin neyi temsil ettiğini daha iyi anlamak için temel verilere göz atabilir. Ayrıca, sayfalarınıza hızlı bir şekilde uygulayabileceğiniz iyi bir ilerleme çubuğu stili seçimi de vardır.

Sayfalarınıza form eklemek, Vuestic yönetici şablonlarının temel işlevlerinden biridir. Form öğeleri kitaplığı, metin girişleri, tarih ve saat seçiciler, açılır seçiciler, anahtarlar, onay kutuları ve radyo düğmeleri gibi alanlar ile ihtiyaç duyduğunuz form türlerini oluşturabilmenizi sağlamalıdır. Ayrıca, çok adımlı bir form aracılığıyla kullanıcılarınızdan bilgi toplamanıza olanak tanıyan bir form sihirbazı modülü de bulunmaktadır.

Vuestic'in girdiyle ilgili bir başka güzel özelliği de Orta stil düzenleyicidir. Bu düzenleyici, popüler çevrimiçi yayıncılık platformuyla aynı şekilde çalışır ve metin tabanlı içerik oluşturma sürecini çok basit hale getirir. Metne kalın, italik ve altı çizili stiller uygulama ve çeşitli başlık stillerinden yararlanma dahil olmak üzere tüm temel biçimlendirme seçenekleri düzenleyicinin bir parçası olarak mevcuttur. Bu satır içi metin düzenleme ile Vuestic, sayfalarına işlevsel bir metin düzenleyici eklemek isteyen herkes için iyi bir seçimdir.

Düzenleyiciyi kullanmanın yanı sıra, sayfalarınızda metin görüntülemek söz konusu olduğunda, yararlanabileceğiniz çok sayıda önceden tanımlanmış tipografi ayarı vardır. Blok alıntılar, başlıklar, farklı liste türleri, adres biçimlendirme ve vurgulama işleviyle, bu ücretsiz VueJS yönetici paketiyle içeriğinizi uygun şekilde biçimlendirebilirsiniz.

Vuestic kağıt üzerinde kulağa hoş geliyor ancak çevrimiçi demo, bu şablonun tam olarak neler yapabileceğini sergileme konusunda daha iyi bir iş çıkarıyor.

Daha Fazla Bilgi / Demo İndir

8. CoreUI Vue Yönetici Şablonu

CoreUI Vue Yönetici Şablonu, ücretsiz bir paket için iyi bir dizi widget, öğe ve bileşenle birlikte gelir.

Geliştirme süresini önemli ölçüde kısaltmak için oluşturulmuş ücretsiz CoreUI yönetici şablon seti, kendi yönetici alanınızı veya panonuzu hızlı bir şekilde oluşturmanıza yardımcı olacak birçok içeriğe sahiptir. Bu şablon seti zamandan tasarruf etmenizi sağlasa da, projenizin tasarımı ve stili söz konusu olduğunda herhangi bir fedakarlık yapmanız gerekmeyecek. CoreUI demolarına bir göz atarsanız, paketteki şablonların premium ürünlere çok uygun çok profesyonel bir tasarıma sahip olduğunu göreceksiniz.

İyi bir bileşen setine eriştiğinizde, CoreUI'nin ücretsiz sürümüyle bile, paketteki şablonlar faydalı öğelerle doldurulur. Sayfalarınıza ilerleme çubukları, sosyal medya ölçümleri ve diğer paneller eklerken widget'ların kesinlikle kullanışlı olacağından emin olabilirsiniz. CoreUI'nin ücretsiz sürümüyle herhangi bir eklentiye erişiminiz olmasa da, üzerinde çalışabileceğiniz çok sayıda bileşen, öğe ve simge paketi var.

Bu öğelerin ve bileşenlerin bazı örnekleri arasında düğmeler ve bildirim simgeleri, kartlar, açılır pencereler ve sekmeler bulunur. Sayfalarınıza çizgi, çubuk ve pasta grafikler dahil olmak üzere bir dizi farklı çizelge ve grafik de ekleyebilirsiniz. Önceden oluşturulmuş seçeneklerin seçimi sayesinde form eklemek de kolaydır.

CoreUI demosunu oluşturan önceden oluşturulmuş sayfalar, oturum açma, kayıt ve birkaç hata sayfasını kapsar ve yönetici alanınızı veya panonuzu oluştururken zamandan tasarruf etmenize yardımcı olur. Kurulum sırasında projenize hızlı bir şekilde doğru görünümü vermek için açık ve koyu modlar arasında kolayca seçim yapabilirsiniz. Kutudan çıkan RTL metin desteği de var. Simge paketleri de gerçekten iyi görünüyor ve arayüz öğelerinize bir dizi görsel öğe eklemeyi kolaylaştırıyor.

Yükseltmek isterseniz, CoreUI Pro ile istediğiniz zaman ekstra özelliklerin kilidini açabilirsiniz.

Daha Fazla Bilgi / Demo İndir

11 Premium VueJS Yönetici Şablonu

1. Piaf

Piaf, birçok özelleştirme ve yapılandırma seçeneğinin yanı sıra çeşitli diğer kullanışlı özelliklere sahiptir.

Bu, birinci sınıf bir VueJS yönetici şablonu olduğundan, oradaki birçok ücretsiz seçenekle karşılaştırıldığında, yönetici alanınızı veya panonuzu oluştururken çalışmak için çok daha fazla araç ve özellik elde edersiniz. Ayrıca, aralarından seçim yapabileceğiniz farklı renk modlarını ve biçimlendirme seçeneklerini kapsayan ayarlarla, sayfalarınızın nasıl görüneceği üzerinde çok daha fazla kontrole sahip olursunuz.

Yönetici alanınızı oluştururken, birden çok düzen ve sayfa yapısı seçeneği arasından seçim yapma olanağına da sahipsiniz. Bu, esas olarak menülerin nasıl görüntüleneceği ve sayfalarınızın diğer etkileşimli öğelerinin nasıl çalışacağı ile ilgilidir. Ayrıca, çok sayıda öğe içeren menülerin yönetimini ve etkileşimini daha kolay hale getirmenize yardımcı olmak için yararlanabileceğiniz, kullanıcılarınızın kesinlikle takdir edeceği bir akıllı menü özelliği vardır.

Belki de ücretsiz bir seçenek yerine premium bir yönetici şablonu seçmenin en iyi nedenlerinden biri, erişebildiğiniz bileşenlerin sayısıdır. Piaf bu alanda bir istisna değildir. Bu şablonu seçerseniz, sayfalarınıza çok çeşitli bileşenler ekleyebileceksiniz. Bazı örnekler, yalnızca birkaçını saymak gerekirse, gelişmiş çizelgeler ve grafikler, çeşitli girdi alanları, ürünle ilgili bileşenler ve karuselleri içerir.

Projeniz için Piaf'ı düşünmenin diğer bazı nedenleri arasında, sayfalarınıza hızlı bir şekilde uygulayabileceğiniz önceden tanımlanmış 10 renk şeması, çoklu dil desteği ve sağ tıklama menüsü özelliği sayılabilir. Kullanıcılarınızın daha verimli çalışmasına yardımcı olmak için sayfalarınızda klavye kısayollarını da etkinleştirebilirsiniz. Piaf oluşturmak için uzun bir eklenti listesi kullanıldı ve bunları ürün sayfasında görüntüleyebilirsiniz.

Çok sayıda tema ve önceden oluşturulmuş şablonla, sayfalarınızın Piaf ile nasıl görüneceği üzerinde çok fazla yaratıcı kontrol elde edersiniz.

Daha Fazla Bilgi / Demo İndir

2. Sing App Vue

Sing App Vue, size özel bir yönetici panosu oluşturmanıza yardımcı olacak çok sayıda benzersiz sayfa ve bileşen sağlar.

60'ın üzerinde kullanıma hazır ve özelleştirilebilir kullanıcı arabirimi bileşeniyle, Sing App Vue'nin projeniz için mükemmel gösterge tablosunu oluşturmak için ihtiyacınız olan her şeyi size sağlaması için iyi bir şans var. Bileşenler, en yaygın bileşen kategorileri olan UI öğeleri, çizelgeler, değişiklikler ve düğmeler ile gruplara ayrılabilir. Ancak, formların, haritaların, simgelerin ve tabloların da dahil edildiğini ve bu öğeleri sayfalarınıza eklemenize yardımcı olduğunu göreceksiniz. Uzun seçenekler listesinden öne çıkan bileşenlerden bazıları vektör haritalarıdır, ancak bunun yerine Google Haritalar bileşenini kullanmayı seçebilirsiniz; kullanıcı profili bileşeni; ve Sparkline çizelgeleri. Sing App Vue'nin demo sayfalarında kullanımda olan tüm bileşenleri görebilirsiniz, ancak hepsi harika görünüyor, ancak tasarım ve markalama tercihlerinize uyacak şekilde kolayca özelleştirilebilir.

Sayfa şablonları söz konusu olduğunda, bunlar da yetersiz değildir. Özel bir vurgu, kullanıcı profili sayfasıdır. Bir kullanıcı profili resmi, bir arka plan resmi ve diğerlerinin yanı sıra iletişim bilgilerini içeren bir düzen ile, kontrol panelinizin veya yönetici alanınızın kullanıcılarınız için bir sayfa içermesini istiyorsanız, bu şablon kontrol etmeye değer. Veri kaynağınıza bağlanmaya hazır bir dizi grafik, tablo ve bir takvim içeren iyi bir analiz panosu düzeni de vardır. Önceden oluşturulmuş içerik ve öğelerin listesi uzundur, ancak takvim modülü, fatura oluşturucu ve galeri şablonunu içeren daha yararlı özelliklerden bazılarıdır.

Sing App Vue ile yönetici sayfalarınızı özelleştirmenin birçok yolu vardır, bu da gösterge tablonuza benzersiz bir görünüm kazandırmanıza yardımcı olur. Ayrıca, Sing App Vue'nin etkileyici özelliklerine rağmen, bu premium VueJS kontrol paneli paketi o kadar çok satın alınmadı. Bu, hedef kitlenize fazla kullanılmış görünmeyecek bir dizi yönetici şablonu edinmenin iyi bir yolunu temsil ettiği anlamına gelir.

Sing App Vue'nin çevrimiçi demosu, bu yönetici şablon paketiyle tam olarak nelerin mümkün olduğunu sergileme konusunda çok iyi bir iş çıkarıyor.

Daha Fazla Bilgi / Demo İndir

3. Vuexy

Vuesax, kullanıcılarından olumlu geribildirim almış popüler bir premium VueJS yönetici şablonudur.

Denenmiş ve test edilmiş bir yönetici şablonu arıyorsanız, Vuesax kısa listenize eklemeye değer. ThemeForest pazarı aracılığıyla elde edilen çok sayıda satışla, uzun süredir mevcut olmamasına rağmen Vuesax, premium yönetici şablonu paketi arayanlar arasında popüler bir seçenek olduğunu kanıtladı.

VueJS yönetici sayfalarınızın projeniz için doğru görünüme sahip olduğundan emin olmak için Vuesax, açık veya koyu modda kullanılabilir. Gösterge tablonuzun nasıl görüneceği üzerinde sadece bir renk modu seçmekten çok daha fazla kontrole sahip olursunuz, ancak bu stiller arasında geçiş yapmak yalnızca birkaç tıklama alır. Ayrıca, daraltılan kenar çubuğu ve daha geleneksel sabit menü alanı gibi birkaç farklı menü stili arasından seçim yapabilirsiniz. Yönetici sayfalarının görünümü üzerinde daha fazla kontrol isteyenler için, Vuesax ayrıca bu şablonun tam olarak doğru görünmesini sağlamanıza yardımcı olacak yerleşik bir özelleştiriciye sahiptir. Özelleştirici aracılığıyla kendi renk, yazı tipi ve düzen seçeneklerinizi uygulayabilirsiniz.

Vuesax sadece iyi görünmüyor. Ayrıca yönetici alanınıza e-posta, sohbet ve takvim eklemenize izin veren altı uygulanabilir uygulamaya da erişebilirsiniz. Kontrol panelinize etkileşimli görevler listesi eklemek için yapılacaklar listesi işlevini de kullanabilirsiniz. Vuesax'ın bir başka güzel özelliği de, panonuzdaki satılık ürünleri listelemenizi sağlayan ticaret desteğidir. Yalnızca kullanıcılarınızın kullanımına açık, gereksinimlerinize göre oluşturulmuş bir dahili ürün sipariş portalı oluşturmak istiyorsanız, Vuesax size yardımcı olabilir.

Sayfalarınıza ekleyebileceğiniz kartların listesi de etkileyici. Bu kartların yüksek kaliteli bir tasarımı ve görünümü vardır, bu da gösterge tablonuzun birinci sınıf bir görünüme sahip olmasını sağlar. Bu, kullanıcı profili, arama, oturum açma ve hata sayfalarını kapsayan şablonlarla birlikte Vuesax paketini oluşturan sayfalar için de geçerlidir.

Vuesax ve özellikleri, premium bir VueJS yönetici şablon paketinden elde ettiklerinizin harika bir örneğidir.

Daha Fazla Bilgi / Demo İndir

4. martı

Gull, modern bir tasarıma sahip bir Bootstrap 4 yönetici panosu şablon paketidir.

Gull, son derece özelleştirilebilir bir VueJS yönetici şablonu seti olduğundan, bu paketi hemen hemen her tür proje için kullanabilirsiniz. Gull demolarına göz atmak, bu paketin ne kadar çok yönlü olduğu konusunda size iyi bir fikir verecektir. Demoları keşfetmek, önceden oluşturulmuş içeriği içe aktararak projenize hızla ekleyebileceğiniz şablon türlerini de gösterecektir. Bununla birlikte, bu paket kolayca ayarlanabildiğinden, gereksinimlerinize mükemmel uyan bir demo görmezseniz, yine de bu şablonları tercihlerinizle çalışacak şekilde değiştirebilmelisiniz.

Şablonları özelleştirmenize yardımcı olmak için mizanpajlara dahil edilen resimler için düzenlenebilir Photoshop dosyalarına erişebilirsiniz. Elbette, projeniz için gerektiği gibi çalıştıklarından emin olmak için bu şablonların her birinin temel kodunu da düzenleyebilirsiniz. Tüm bunlarda size yardımcı olmak için Gull VueJS yönetici şablon paketi için çok sayıda belge bulunmaktadır.

Ancak, dört gösterge paneli demosunun dahil edilmesi sayesinde, çok fazla özelleştirme çalışması yapmanız gerekmeyebilir. Gull şablonlarının şık tasarımlarının yanı sıra, kullanıcılarınızın belgeleri PDF formatında dışa aktarmak için kullanabilecekleri fatura oluşturucuyu ve posta aracınıza kolayca bir posta aracı eklemenizi sağlayan gelen kutusu uygulamasını içeren, erişebileceğiniz özelliklerden bazıları. pano veya yönetici alanı. Gull ile panonuza ekleyebileceğiniz diğer uygulamalar arasında, projenizi kullanıcılarınız için daha kullanışlı hale getirmenize yardımcı olan bir sohbet hizmeti ve bir takvim bulunur.

Gull, projeniz için doğru kontrol panelini oluşturmak için ihtiyacınız olan her şeyi size sağlayacak çok sayıda widget'a, öğeye ve modüle sahiptir.

Daha Fazla Bilgi / Demo İndir

5. Xtreme Vuesax Yöneticisi

Xtreme Vuesax Admin, ticari panolarınız için tam olarak oluşturulmuş üç demoya ve bir başlangıç ​​kitine sahiptir.

Karanlık ve aydınlık demolar, yönetici alanınız ve gösterge tablolarınız için tonu ayarlamanız için hızlı bir yol sağlarken, üçüncü demo, ana gösterge panosu alanınıza biraz daha fazla alan sağlayan mini kenar çubuğu olan bir seçenektir. Kontrol panelinizi ve yönetici alanınızı bir araya getirmek için daha pratik bir yaklaşım benimsemek istiyorsanız, başlangıç ​​seti demosu size üzerine inşa edebileceğiniz sağlam bir temel sağlayacaktır.

Üzerinde çalışabileceğiniz 90'dan fazla sayfa şablonuyla, gösterge tablonuzu oluşturmak Xtreme Vuesax Admin ile bir sorun olmamalıdır. Ayrıca, sayfalarınıza hangi öğeleri ekleyebileceğiniz konusunda size birçok seçenek sunan 75'ten fazla UI bileşeni mevcuttur. Bu bileşenlerin bazı örnekleri arasında uyarılar, düğmeler, açılır pencereler ve kaydırıcılar bulunur. Her bileşen türünün birden fazla sürümü olduğundan, projeniz için doğru olanı bulabilmelisiniz.

Açık ve koyu demoların yanı sıra, şablonlarınıza hızla uygulayabileceğiniz altı renk şeması da vardır. Ancak, projenizde kullanılan renkler üzerinde daha fazla kontrol sahibi olmak istiyorsanız, markanıza veya diğer görsel gereksinimlerinize uymalarını sağlamak için ince ayar yapabilirsiniz. Yazı tipi simgesi seçenekleri de yetersiz değil, aralarından seçim yapabileceğiniz 2.000'den fazla premium simge var.

En iyi premium VueJS yönetici şablonlarının çoğu gibi, Xtreme Vuesax Admin'de de pano alanınızı geliştirmenize yardımcı olacak çeşitli uygulamalar bulunur. Bunlara bir sohbet uygulaması, bir e-posta aracı ve bir yapılacaklar listesi dahildir. Uygulama öğeleri ve arayüzlerinin tümü yüksek bir standartta tasarlanmıştır ve sayfalarınıza sorunsuz bir şekilde entegre olacaktır.

Xtreme Vuesax Admin, çeşitli kullanımlara uygun bir dizi farklı fiyatlandırma planında mevcuttur.

Daha Fazla Bilgi / Demo İndir

6. Mor Vue

Purple Vue, temiz ve basit bir tasarıma sahip uygun fiyatlı modern bir yönetici şablonları setidir.

Purple Vue şablonlarına hızlı bir bakış, bu ürünle erişebileceğiniz kaliteli tasarım türleri hakkında size iyi bir fikir verir. Aralarından seçim yapabileceğiniz ana şablonların yalnızca koyu ve açık versiyonlarını elde etmekle kalmaz, aynı zamanda tümü, ürününüze ve gösterge panosuna profesyonel bir görünüm kazandıracak şık tasarımlara sahiptir.

Bu, birinci sınıf bir yönetici şablon paketi olduğundan, sayfalarınızı yararlı öğelerle doldurmanıza olanak tanıyan birçok widget'a erişebilirsiniz. Purple Vue paketindeki bu widget'lardan bazıları tablolar, çizelgeler, grafikler ve daha fazlasını içerir ve size kullanıcılarınıza bilgi ve istatistik sunmanın birçok farklı yolunu sunar. Mor Vue demo sayfalarında kendiniz için mevcut widget'ları görüntüleyebilir ve bunun projeniz için doğru paket olup olmadığını görmenin başka bir yolunu sunabilirsiniz.

Widget'lara ek olarak, gösterge tablonuza ve sayfalarına bazı uygulamalar da ekleyebilirsiniz. Bu sayede yönetici alanınıza bir takvim, sohbet aracı ve posta kutusu eklemek Purple Vue kapsamındadır. Gelişmiş kullanıcı arabirimi öğeleri kitaplığı, gösterge tablonuza döner çubuklar, kaydırıcılar ve ağaç görünümleri ekleme seçeneği de sunar. Google Haritalar entegrasyonu, Purple Vue'nun sayfalarınıza etkileşimli haritalar eklemeyi mümkün kılan bir diğer önemli özelliğidir.

Yönetici alanınızı ayarlarken, varsayılan dikey kenar çubuğu düzeninden daha az kullanılan yatay moda hızlıca geçiş yapabilirsiniz. Purple Vue'nun varsayılan ayarlarında başka değişiklikler de yapabilirsiniz, bu da onu oldukça esnek bir yönetici şablonları seti haline getirir.

Şablonları ve widget'ları içeren özellik listesi, Purple Vue'yu çekici bir seçenek haline getirmeye yardımcı olur.

Daha Fazla Bilgi / Demo İndir

7. MaterialPro Vuetify Yöneticisi

MaterialPro Vuetify Admin, birden fazla demo içeren birinci sınıf bir VueJS yönetici şablonudur.

Karanlık, aydınlık ve diğer birkaç demo seçeneğiyle MaterialPro Vuetify Admin, projeniz için bir yönetici alanı veya gösterge tablosu oluşturmak için çok yönlü iyi bir şablon setidir. Hangi demoyu seçtiğinize bağlı olarak, gösterge tablonuz veya yönetici alanınız yatay veya dikey bir menüye sahip olabilir. Kenar çubuğu menü alanı, kullandığınız şablonlara ve MaterialPro Vuetify Admin'i nasıl yapılandırdığınıza bağlı olarak küçük veya büyük olabilir.

Kontrol panelinizi kullanıcılarınız ve projeniz için doğru türde içerik ve bilgilerle doldurabildiğinizden emin olmak için MaterialPro Vuetify Admin, 60'tan fazla sayfa şablonuyla birlikte gelir. Bu şablonlar bir dizi düzen stilini kapsar ve birçok farklı UI bileşeniyle doldurulur. Aslında, MaterialPro Vuetify Admin paketindeki 300'den fazla UI bileşeniyle, ihtiyacınız olan sayfa türlerini oluşturmak için ihtiyacınız olan her şeye sahip olmalısınız.

Şık şablonlara ek olarak MaterialPro Vuetify Admin, gösterge tablonuzu geliştirmenize yardımcı olacak bir dizi faydalı uygulama da içerir. Bu uygulamaları, MaterialPro Vuetify Admin demo sayfalarında kendiniz çalışırken görebilirsiniz, ancak bu paketle panonuza neler ekleyebileceğiniz konusunda size hızlı bir fikir vermek için, seçenekler arasında sohbet, takvim ve e-posta uygulamaları bulunur. Projeniz için kullanışlı olabilecek yapılacaklar ve iletişim uygulamaları da vardır.

Bu premium VueJS yönetici şablonu paketine yatırım yapmaya hazırsanız, ömür boyu güncellemelere ve bir yıllık özel desteğe erişebilirsiniz. Ayrıca MaterialPro Vuetify Admin'in projeniz için doğru seçenek olmadığına karar verirseniz para iade garantisinden de yararlanabilirsiniz.

MaterialPro Vuetify Admin, gösterge tablonuzun geliştirme sürecini hızlandırmaya yardımcı olmak için önceden oluşturulmuş birçok içeriğe sahiptir.

Daha Fazla Bilgi / Demo İndir

8. Kesinlikle

Vuley, malzeme tasarımı kullanıcı arayüzü stilini geniş bir premium özellikler listesiyle birleştirir.

Vuely ile e-ticaret, SaaS, ajans ve kullanıcı analizi seçenekleri de dahil olmak üzere altı farklı pano demosu arasından seçim yapabilirsiniz. Bu demolar, panonuzun düzenini, widget'larını ve biçimlendirmesini kapsayarak size sayfalarınız için çok çeşitli seçenekler sunar. Ana pano şablonlarının yanı sıra, Vuely paketindeki diğer sayfa şablonlarından oluşan kullanışlı bir seçime de erişebilirsiniz.

Erişebileceğiniz önceden oluşturulmuş şablonlar arasında kullanıcı kaydı ve oturum açma sayfaları, gelen kutusu ve çevrimiçi sohbet şablonları ve bir kilit ekranı sayfası bulunur. Ayrıca, çevrimiçi ürün satmak için Vuely'yi kullanacaklar için bir dizi e-ticaretle ilgili şablon var. Tabii ki, gerekirse, bu premium VueJS yönetici şablonuyla kendi sayfalarınızı da oluşturabilirsiniz. Sayfalarınızı oluştururken, onları grafik ve grafik widget'ları, tablolar, istatistikler ve diğer seçenekler dahil olmak üzere etkileyici bileşen seçenekleriyle doldurabilirsiniz.

Vuely'nin önceden oluşturulmuş panosu, projenizi hedef kitleniz için daha kullanışlı hale getirmeye yardımcı olabilecek birçok kullanıcı arabirimi öğesine sahiptir. Örneğin, dikey kenar çubuğu bir düğmeye dokunarak kolayca gizlenebilir. Ayrıca, kullanıcılarınızın en sık kullanılan sayfalara hızlı bir şekilde erişmesini sağlayan bir menü öğesi ve gösterge tablosu alanınızdaki içeriği bulmayı kolaylaştıran tam işlevsel bir arama aracı da bulunmaktadır. Yönetici sayfalarınız veya gösterge tablonuz uluslararası bir hedef kitle tarafından kullanılacaksa, sağdan sola dilleri işleme yeteneği de dahil olmak üzere yerleşik çok dilli destek kullanışlı olacaktır. Vuely ayrıca, kullanıcılarınızın mevcut seçenekler arasından seçim yapmasına izin vermek için sayfalarınızda görüntüleyebileceğiniz bir dil değiştirici widget'a sahiptir.

Bu yönetici şablonunun sunduğu her şey, Vuely web sitesindeki canlı demo aracılığıyla önizlenebilir.

Daha Fazla Bilgi / Demo İndir

9. Vue Black Dashboard Pro

Vue Black Dashboard Pro, açık ve koyu sürümlerin yanı sıra diğer özelleştirme seçenekleriyle birlikte gelir.

Vue Black Dashboard Pro'nun önceden ayarlanmış renk yapılandırmaları sayesinde, bu şablonu açık veya koyu modda kullanabilirsiniz. Once you've made a decision, all of the page templates in the package will use that color mode. Therefore, if you want to create a dashboard with a dark color scheme, that's easy on the eyes, Vue Black Dashboard Pro could be a good option.

If you want to carry out other customization work on your dashboard, you can quickly choose which color to use for the sidebar background display. You can also decide whether to display the navigation sidebar area in mini format or at a wider size. However, if you do opt for the mini mode, to help with usability, the sidebar will expand to reveal the menu text labels when a user hovers their cursor over the navigation pane.

As with many of the premium VueJS admin templates, you get a good range of pre-built page templates to help you create your dashboard. Some of the page templates that you get access to include the pricing page, timeline display, login and registration pages, and the user profile template. These templates are packed with useful components and you can also add more components to them from the library. If you choose Vue Black Dashboard Pro for your project, you would have access to buttons, alerts, notifications, and other components. Adding features like tables, graphs, maps, and forms to your pages is straightforward too. The selection of widgets gives you more options for populating your dashboard with useful elements, such as checklists, a calendar, and buy now buttons.

Vue Black Dashboard Pro has been built on the Bootstrap framework to ensure your pages are fully mobile responsive.

Daha Fazla Bilgi / Demo İndir

10. ArchitectUI

ArchitectUI has nine different dashboard examples to help you start your project.

The nine dashboards are available for preview on the ArchitectUI website, giving you a quick way to check out what's possible with this premium VueJS admin template. Although you can configure the dashboard to work how you want, they have been set up for the typical types of projects you might be using ArchitectUI for. So among the dashboard layouts, there are templates for analytics services, advertisement campaigns, and a help desk application. However, those are just a few examples of how ArchitectUI can be used, so if there isn't a pre-built dashboard that's a perfect match for your project, you should still be able to create the right pages with this pack.

Another reason to consider ArchitectUI is the large library of components it includes. Some examples include the pre-configured menus, the badges, and the timeline option. There are multiple versions of each component too, so you get a lot of options when building your admin pages.

If you want to add charts to your dashboard, you'll be pleased to know that ArchitectUI uses 10 different chart plugins to help you generate the type of visual data representations your users need. Options for creating tables aren't limited either. ArchitectUI has support for adding dynamic data-driven tables, responsive Bootstrap tables, and sortable and filterable React tables, to your pages. You can also easily add forms to your pages that let your users submit data, and thanks to the selection of fields, you should be able to create the type of forms you need.

As well as the chart plugins, ArchitectUI includes a few more useful plugins that can enhance your admin pages.

Daha Fazla Bilgi / Demo İndir

11. Pragmatic

Pragmatic is premium Vue.JS admin template that's been recently updated to include even more features.

Now on version 2, Pragmatic is an even more attractive option than before. When setting up your dashboard and admin pages, you can choose from five different color schemes to instantly transform for the look of your project. You do get full control over which colors are used on your dashboard, but the pre-defined color schemes simplify the process of changing the appearance of your pages significantly.

As well as the color themes, there are over 70 possible layout configurations available with Pragmatic. These options cover the toolbar, the animation effects, the footer position, the boxed layout mode, and lots of other settings that can be applied to the page layouts of your dashboard. The position of the main menu area can also be changed from left, to top or bottom, or to the right if you're using a right-to-left language for your dashboard. Pragmatic has good multilingual support too, so you can publish your pages in more than one language and let your users switch between the available options.

The pre-built pages will make it easy to add essential areas to your dashboard, such as a calendar, a gallery, a list of contact details, and a mail system. After the recent update, Pragmatic now has a good level of ecommerce support too. Thanks to this you could use this admin template to create the dashboard for an online store, an inventory management system, or something else that deals with products and sales.

As usual, you can see all the features of Pragmatic in action on the template demo page.

Daha Fazla Bilgi / Demo İndir